Skip to main content

6.3 Accesibilidad en web y apps

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

En una serie de infografíasinfografías mostramos cómocómo el equipo de CDD AragónAragón ha clasificado diferentes apps segúnsegú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áctiltáctil ONCE. 
  • Discapacidad auditiva
    Diccionario LSE, Spread Sings, Ability Connect, Sueñaletras,Sueñaletras, Rogervoice, Visalfy Accesibilidad Acústic,Acústic, ¡¡Dilo con las manos! y Subtitle Edit for Windows
  • Discapacidad físicafísica
    Accesibility Plus, Disabled Park, Enable Viacam, MAPcesible, EsAccesible, TUR4all y Equalitas Vitae.
  • Discapacidad intelectual
    Leo con Grin, Rey de las matemáticas,matemáticas, Smile and Learn, Encuentra las diferencias, Mates y lógicalógica para niños,niños, Pooza Romecabezas, Equilibrians Remembery.
  • Trastornos de la comunicacióncomunicació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ños,niños, Series1 y Yo tambiéntambién leo.

  • Dificultades específicasespecíficas del aprendizaje

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

  • Trastornos de conducta

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

  • Trastorno del espectro autista

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

  • Aplicaciones móvilesmóviles asistivas.

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

    Listen all, Voice aloud reader, Be my eyes, Pictotea, Lazarillo, Speak!, HáblaloHá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ónopció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ñol,español, son directrices establecidas por el W3C (World Wide Web Consortium) con el propósitopropó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ñodiseño y publicaciónpublicación como PDF, asíasí como contenido multimedia.

La versiónversión másmás reciente de estas pautas es la WCAG 2.1, aunque se estáestá trabajando en una próximapróxima edición,edición, la 3.0. Debido a su enfoque universal y su promociónpromoción de estándaresestándares que no estánestán ligados a una tecnologíatecnología específica,específica, las WCAG se han convertido en el estándarestándar para el diseñodiseñ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ñol)español), es una organizaciónorganización internacional que se dedica a establecer estándaresestándares y pautas para el desarrollo y la evoluciónevolució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ógicoTecnoló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íastecnologías relacionadas sean compatibles entre 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ándaresestándares y recomendaciones técnicastécnicas que abarcan una amplia gama de tecnologíastecnologías web, como HTML (lenguaje de marcado), CSS (hojas de estilo en cascada), JavaScript, estándaresestándares de accesibilidad y más.más. Estos estándaresestándares adoptados y utilizados en todo el mundo, lo que contribuye a la coherencia y la calidad de la web.

Elaborado por Marta RíosRíos Cintora en el libro CATEDU B2- Competencia Digital Docente en EducaciónEducació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íasTecnologías de la InformaciónInformación y ComunicaciónComunicación (TIC), comparten una serie de característicascaracterísticas esenciales:

1. Perceptibilidad: Esto se refiere a la presentaciónpresentación de informacióninformació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últiplesmúltiples formas de presentar contenido y asegurar la distincióndistinción entre el fondo y el primer plano.
2. Operabilidad: Los componentes de la interfaz de usuario y la navegaciónnavegació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ón)ratón), proporcionar suficiente tiempo para leer y evitar contenido que pueda causar reacciones negativas. TambiénTambién se centra en la navegabilidad de la informacióninformación y ofrece diferentes métodosmétodos de entrada.
3. Comprensibilidad: La informacióninformación y el funcionamiento de la interfaz de usuario deben ser comprensibles para todos. Esto se logra mediante el uso de texto fácilfácil de leer y entender, siguiendo estándaresestándares de navegaciónnavegación comunes para hacer que la páginapá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ándaresestándares de códigocó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íaguía rápidarápida de referencia para consultas. 
(Precisamente, no es accesible en el idioma, puesto que no tiene una traduccióntraducción integrada, pero muchos buscadores ofrecen la opciónopción de traduccióntraducció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ánrepresentarán la próximapróxima iteracióniteración de las directrices de accesibilidad para el contenido en línealínea desarrolladas por el World Wide Web Consortium (W3C).

En la actualidad, estas pautas son un "borrador de trabajo" segúnsegú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ándoselimitándose únicamenteúnicamente al contenido web.

Responsive design

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

Cuando utilizamos el términotérmino “responsive”“responsive” (adaptable), nos referimos principalmente a responsive design”design” (diseñodiseñ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éstravés de hojas de estilos en cascada (CSS) y técnicastécnicas de programaciónprogramación (HTML). Con estas técnicas,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íastecnologías que se utilizan.

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

Esta técnicatécnica de diseñodiseño web que busca que las páginaspáginas web se adapten y se vean bien en una variedad de dispositivos y tamañostamaños de pantalla. Esto se logra mediante la creacióncreación de diseñosdiseños y layouts que responden y se ajustan automáticamenteautomáticamente segúnsegún el tamañotamaño de la pantalla en la que se estánestá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ómocómo accedan al sitio web.

Descubre másmá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úainteractúa directamente con los usuarios, es decir, la interfaz de usuario que se muestra en el navegador web.

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

El diseñodiseño responsive implica considerar aspectos como el diseñodiseño de la cuadrícula,cuadrícula, la tipografía,tipografía, las imágenesimágenes y los elementos interactivos de manera que se vean y funcionen correctamente en dispositivos móviles,móviles, tabletas y computadoras de escritorio. El equipo frontend tambiéntambié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ónrazó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áticaproblemática posible en nuestras aulas o para nuestro alumnado.

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

En muchas ocasiones webs gubernamentales u oficiales no han implementado aúnaún este responsive design y generan fallos de visualizaciónvisualización segúnsegú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áticainformática y diputada en las cortes generales) nos cuenta lo que respecta a ello en corto vídeovídeo explicativo: