Skip to main content

6.3 Accesibilidad en web y apps

APPS úútiles en el aula segúsegún el perfil del alumnado

En una serie de infografíinfografías mostramos cócómo el equipo de CDD AragóAragón ha clasificado diferentes apps segúsegún su utilidad con determinados perfiles que se puedan dar en las aulas:

  • Discapacidad visual
    Lazzus, Navilens, Envision AI, JAWS, Orca, Brailliac, Lookout y Comunicador tátáctil ONCE. 
  • Discapacidad auditiva
    Diccionario LSE, Spread Sings, Ability Connect, SueñSueñaletras, Rogervoice, Visalfy Accesibilidad AcúAcústic, ¡¡Dilo con las manos! y Subtitle Edit for Windows
  • Discapacidad fífísica
    Accesibility Plus, Disabled Park, Enable Viacam, MAPcesible, EsAccesible, TUR4all y Equalitas Vitae.
  • Discapacidad intelectual
    Leo con Grin, Rey de las matemámatemáticas, Smile and Learn, Encuentra las diferencias, Mates y lólógica para niñniños, Pooza Romecabezas, Equilibrians y Remembery.
  • Trastornos de la comunicaciócomunicación

    CBoard, Proloquo2GO, CPA-Comunicador Personal, Proyecto PECs, E-Mintza, Symbotalk, EVA Facial Mouse , Telepatix y la novedad de software libre AsTeRICS GRID.

  • Retraso global del desarrollo

    Speech Blubs, Aprendizaje sensorial, Otsimo, Picaa, Letra Kid, Isecuencias lite, Isecuencias vial, Objetos ocultos para niñniños, Series1 y Yo tambiétambién leo.

  • Dificultades especíespecíficas del aprendizaje

    Deslixate, Modmath, Relexia, Piruletras, Galexia Mejora Fluidez Lectora, Visual Attention Therapy Lite, Las letras y yo y SíSígueme.

  • Trastornos de conducta

    ¡Adió¡Adiós enfados!, Classcraft, Enuresis Trainer, Si te portas bien, Class 1,2,3, Motivador del buen comportamiento, Normas para niñniños y Petit Bambou

  • Trastorno del espectro autista

    Te ayudo a jugar, AutisMIND, DíDía a dídía, Tuli Emociones, Emoplay, Dictapicto, Eneso Verbo, Soy Visual y APPYautism.

  • Aplicaciones mómóviles asistivas.

    Aplicaciones para mómóviles que ayudan de diferentes formas a las personas con diferentes discapacidades:

    Listen all, Voice aloud reader, Be my eyes, Pictotea, Lazarillo, Speak!, HáHáblalo y Voice access.

Estas herramientas digitales son de utilidad para la labor docente a la hora de atender a la diversidad.

Las presentaciones permiten maximizarlas a pantalla completa utilizando la opcióopción correspondiente en el menúmenú desplegable representado por los tres puntos alineados en sentido horizontal. Para navegar por ellas, usa las flechas.


Normativa de accesibilidad web

Las Web Content Accessibility Guidelines (WCAG), o Pautas de Accesibilidad para el Contenido Web en españespañol, son directrices establecidas por el W3C (World Wide Web Consortium) con el propópropósito de asegurar la accesibilidad de diversos tipos de contenido en la web. Esto abarca desde documentos habituales como Word o PowerPoint hasta documentos de diseñdiseño y publicaciópublicación como PDF, asíasí como contenido multimedia.

La versióversión mámás reciente de estas pautas es la WCAG 2.1, aunque se estáestá trabajando en una própróxima edicióedición, la 3.0. Debido a su enfoque universal y su promociópromoción de estáestándares que no estáestán ligados a una tecnologítecnología especíespecífica, las WCAG se han convertido en el estáestándar para el diseñdiseño de cualquier producto o servicio digital.

¿Qué¿Qué es el W3C? (World Wide Web Consortium)

El W3C, o World Wide Web Consortium (Consorcio del World Wide Web en españespañol), es una organizacióorganización internacional que se dedica a establecer estáestándares y pautas para el desarrollo y la evolucióevolución de la World Wide Web. Fue fundada en 1994 por Tim Berners-Lee, uno de los creadores originales de la web, y su sede se encuentra en el Instituto TecnolóTecnológico de Massachusetts (MIT) en Estados Unidos.

El objetivo principal del W3C es garantizar la interoperabilidad y la accesibilidad de la web, lo que significa que trabaja para asegurarse de que los sitios web y las tecnologítecnologías relacionadas sean compatibles entre sísí y accesibles para todas las personas, independientemente de sus capacidades o dispositivos utilizados para acceder a Internet.

Para lograr este objetivo, el W3C desarrolla y mantiene una serie de estáestándares y recomendaciones tétécnicas que abarcan una amplia gama de tecnologítecnologías web, como HTML (lenguaje de marcado), CSS (hojas de estilo en cascada), JavaScript, estáestándares de accesibilidad y mámás. Estos estáestándares adoptados y utilizados en todo el mundo, lo que contribuye a la coherencia y la calidad de la web.

Elaborado por Marta RíRíos Cintora en el libro CATEDU B2- Competencia Digital Docente en EducacióEducación Especial.CC BY-NC-SA.

Pautas WCAG-2.1

Las WCAG 2.1 y la Norma Europea EN 301 549, que abordan la accesibilidad en productos y servicios de TecnologíTecnologías de la InformacióInformación y ComunicacióComunicación (TIC), comparten una serie de caracterícaracterísticas esenciales:

1. Perceptibilidad: Esto se refiere a la presentaciópresentación de informacióinformación y componentes de la interfaz de usuario de manera que sean perceptibles por todos los usuarios. Esto incluye proporcionar alternativas textuales para contenido no textual, garantizar la legibilidad y audibilidad, ofrecer múmúltiples formas de presentar contenido y asegurar la distinciódistinción entre el fondo y el primer plano.
2. Operabilidad: Los componentes de la interfaz de usuario y la navegaciónavegación deben ser operables por todos los usuarios. Esto implica hacer que el contenido sea manejable mediante el teclado (para aquellos que no utilizan un ratóratón), proporcionar suficiente tiempo para leer y evitar contenido que pueda causar reacciones negativas. TambiéTambién se centra en la navegabilidad de la informacióinformación y ofrece diferentes mémétodos de entrada.
3. Comprensibilidad: La informacióinformación y el funcionamiento de la interfaz de usuario deben ser comprensibles para todos. Esto se logra mediante el uso de texto fáfácil de leer y entender, siguiendo estáestándares de navegaciónavegación comunes para hacer que la pápágina sea predecible y brindando ayuda para la entrada de datos.
4. Robustez: El contenido debe ser lo suficientemente robusto como para ser interpretado por una amplia variedad de agentes de usuario, incluyendo dispositivos de asistencia. Esto implica respetar estáestándares de cócódigo que aseguren la compatibilidad con una variedad de dispositivos y programas.

Todas estas pautas se pueden consultar en el sitio web oficial del W3C. Nos facilitan una guíguía rárápida de referencia para consultas. 
(Precisamente, no es accesible en el idioma, puesto que no tiene una traducciótraducción integrada, pero muchos buscadores ofrecen la opcióopción de traducciótraducción que nos pueden echar una mano)

imagen.png

Captura de pantalla del  sitio web del W3C

Tal como hemos comentado, actualmente se estáestá trabajando en las pautas de accesibilidad del W3C (WCAG) 3.0 que representarárepresentarán la própróxima iteracióiteración de las directrices de accesibilidad para el contenido en lílínea desarrolladas por el World Wide Web Consortium (W3C).

En la actualidad, estas pautas son un "borrador de trabajo" segúsegún el W3C Editor's Draft de julio de 2023. Un cambio significativo en el nombre de estas pautas subraya su aplicabilidad a una amplia variedad de contenido, no limitálimitándose úúnicamente al contenido web.

Responsive design

Hoy en dídía este tétérmino estáestá en boca de todos a la hora de hablar de pápáginas web y apps. Normalmente hace añaños sósólo usáusábamos ordenadores para navegar por internet, pero actualmente tenemos múmúltiples dispositivos portáportátiles que usamos constantemente para navegar o usar apps.

Cuando utilizamos el tétérmino “responsive”“responsive” (adaptable), nos referimos principalmente a ““responsive design”design” (diseñdiseño web adaptable). Esto significa hacer que un sitio web sea accesible y adaptable en todos los dispositivos: tabletas, smartphones, etc.

El principio de responsive design se logra a travétravés de hojas de estilos en cascada (CSS) y tétécnicas de programacióprogramación (HTML). Con estas tétécnicas, puede evitar que se integre el mismo contenido varias veces, ya que el objetivo del responsive design es adaptar el mismo conjunto de contenidos a las diferentes tecnologítecnologías que se utilizan.

DefinicióDefinición de 'Responsive design' en la web de atinternet 

Esta tétécnica de diseñdiseño web que busca que las pápáginas web se adapten y se vean bien en una variedad de dispositivos y tamañtamaños de pantalla. Esto se logra mediante la creaciócreación de diseñdiseños y layouts que responden y se ajustan automáautomáticamente segúsegún el tamañtamaño de la pantalla en la que se estáestán visualizando sin necesidad de crear versiones separadas de un sitio web para cada tipo de dispositivo. Esto es esencial para asegurar que los visitantes puedan navegar y consumir contenido de manera efectiva sin importar cócómo accedan al sitio web.

Descubre mámás sopbre quéqué equipos trabajan el responsive design

Suele ser realizado en gran medida por el equipo de desarrollo frontend. El equipo frontend se encarga de la parte de un sitio web que interactúinteractúa directamente con los usuarios, es decir, la interfaz de usuario que se muestra en el navegador web.

Para crear un diseñdiseño web adaptable, el equipo frontend trabaja en conjunto con los diseñdiseñadores web para implementar las pautas y principios de diseñdiseño responsive. Esto implica escribir cócódigo HTML, CSS y, a veces, JavaScript de manera que el sitio web pueda adaptarse automáautomáticamente a diferentes tamañtamaños de pantalla y dispositivos.

El diseñdiseño responsive implica considerar aspectos como el diseñdiseño de la cuadrícuadrícula, la tipografítipografía, las imáimágenes y los elementos interactivos de manera que se vean y funcionen correctamente en dispositivos mómóviles, tabletas y computadoras de escritorio. El equipo frontend tambiétambién se encarga de probar y depurar el sitio web en diversos dispositivos y navegadores para garantizar una experiencia de usuario coherente y de alta calidad en todas las plataformas.

Por esta razórazón debemos ser capaces de elegir webs y apps que tengan implementado un responsive design para usarlas con soltura y que genere la menor problemáproblemática posible en nuestras aulas o para nuestro alumnado.

scaler-create-impact.gifScaler Create Impact GIF de Scaler_official VíVía Tenor 

En muchas ocasiones webs gubernamentales u oficiales no han implementado aúaún este responsive design y generan fallos de visualizacióvisualización segúsegún el explorador o dispositivo que se use. No queda otra que esperar a que las optimicen.

En este tweet, Tesh Sidi (big data lead, ingeniera informáinformática y diputada en las cortes generales) nos cuenta lo que respecta a ello en corto vívídeo explicativo:

Back to top