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 Comunicadortáctiltáctil ONCE. - Discapacidad auditiva
Diccionario LSE, Spread Sings, Ability Connect,Sueñaletras,Sueñaletras, Rogervoice, Visalfy AccesibilidadAcú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 lasmatemáticas,matemáticas, Smile and Learn, Encuentra las diferencias, Mates ylógicalógica paraniños,niños, Pooza Romecabezas, Equilibrians y 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 Yotambiéntambién leo. - Dificultades
específicasespecíficas del aprendizajeDeslixate, Modmath, Relexia, Piruletras, Galexia Mejora Fluidez Lectora, Visual Attention Therapy Lite, Las letras y yo y
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 paraniñosniños y Petit Bambou - Trastorno del espectro autista
Te ayudo a jugar, AutisMIND,
DíaDía adí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 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á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 |
2. Operabilidad: | Los componentes de la interfaz de usuario y la |
3. Comprensibilidad: | La |
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 |
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)
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““responsivedesign”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) ytécnicastécnicas deprogramaciónprogramación (HTML). Con estasté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 diferentestecnologí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 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:
UX|UI en aplicaciones
públicas,públicas, y la importancia de incorporar todos los perfiles en eldiseñodiseño de las mismas 👇
Cuando te peleas 1000h con un“div”“div” pones en valor la frase:“I’“I’m not anexpert”expert” pic.twitter.com/lQRkWYMJHN
—— Tesh Sidi (@teshsidi) September 1, 2023