Guía de accesibilidad para la red social Open - PaulinaFranco/GDL003-social-network GitHub Wiki
La WACG se revisa constantemente, en la actualidad está vigente la versión 2.1.
La guía WACG se rige por 4 principios básicos: para ser accesibles, los contenidos web deben ser PERCEPTIBLES, OPERABLES, ENTENDIBLES, Y ROBUSTOS.
Perceptible:
La información y la interfaz de usuario deben ser perceptibles para las personas con diferentes tipos de discapacidades, lo que incluye: alternativas textuales para elementos no textuales que sean suficientes y, dependiendo de su importancia, que describan extensamente el elemento, su contexto, y/o su función. Estas alternativas de texto tienen el propósito de proveer a los usuarios con discapacidades visuales una experiencia equivalente
- por ejemplo, etiquetas descriptivas para imágenes, íconos, botones, gráficos.
- descripción de la información de una tabla o diagrama.
- etiquetas para controles de formularios, elementos de input, y otros componentes de interfaz de usuario.
Subtítulos y otras alternativas para multimedia
Contenido adaptable, que puede ser presentado en formas diferentes, permite ser entendido y manipulado para ser mejor percibido por dispositivos de asistencia y sus usuarios; entre los puntos a cubrir se incluyen:
- que la web tiene una estructura clara y definida, que es representada de manera apropiada en el html.
- que las secuencias de información o instrucciones son independientes de cualquier presentación
- que los buscadores y las tecnologías de asistencia proveen configuraciones para ajustar las presentaciones.
Contenido distinguible, fácil de ver y escuchar
- El color no es la única manera de establecer jerarquías de contenido o flujos
- El fondo y el primer plano tienen un nivel adecuado de contraste, en lo general y en lo particular (por ejemplo en un botón).
- El zoom de 400% no afecta el espaciado de los textos, no hay pérdida de información, no requiere scrolling vertical y horizontal (el contenido se presenta en una sola columna)
- uso de viewports, hovers, y otros recursos para mejorar la presentación del texto seleccionado y/o indicado por el cursor
- La reproducción de recursos multimedia debe ser fácilmente controlable,
Operable:
Se puede acceder a todas las funcionalidades a partir del teclado
- todo lo que se pueda accionar a través del mouse debe ser fácilmente accesible a través del teclado
- la navegación de una página a través del teclado no debe estancarse en ningún elemento
Se debe considerar tiempos suficientes para la lectura y el uso de contenidos no estáticos
- por ejemplo, al reiniciar un proceso de registro o login
Los usuarios deben navegar fácilmente, encontrar contenido y saber dónde están
- Las páginas tienen títulos claros, organizados usando encabezados descriptivos en cada sección
- Hay diferentes formas de encontrar las páginas más importantes
- Se le informa a los usuarios de su ubicación actual
- se proveen atajos para acceder a las páginas importantes y evitar estancarse o perderse
- El enfoque del teclado es visible y el orden de enfoque es una secuencia lógica/con sentido
Los usuarios pueden usar diferentes modalidades de input más allá del teclado
- se evitan los gestos de alta destreza (o se presentan alternativas)
- los componentes están diseñados para evitar activaciones accidentales
- Las etiquetas presentadas a los usuarios son equivalentes al código usado para crearlas, para que puedan ser activadas por voz
- componentes que deben ser activados son suficientemente grandes
Entendible:
Los textos son leíbles y entendibles
- es importante declarar el lenguaje general de la página, y en su caso, el lenguaje de las partes más pequeñas
- se proveen definiciones de las palafras o frases inusuales
- se usa lenguaje claro y simple
El contenido aparece y se maneja de maneras predecibles, es consistente
- los mecanismos de navegación que se repiten en varias páginas conservan su formato y ubicación en cada una
- componentes de la interfaz de usuario que se repiten en páginas web tienen las mismas etiquetas cada vez
- cambios significativos en la página no suceden sin el consentimiento del usuario
- se puede ofrecer la opción para customizar atajos de teclado
Se provee ayuda a los usuarios para evitar errores y corregirlos
- instrucciones descriptivas, mensajes de errores, y sugerencias para corregir
- se ofrece ayuda en contexto para funcionalidades e interacciones más complejas
- se ofrecen oportunidades para revisar, corregir o retornar envíos
Robusto :
el contenido es robusto y la interpretación es confiable
El contenido es compatible con
- es importante declarar el lenguaje general de la página, y en su caso, el lenguaje de las partes más pequeñas
- se proveen definiciones de las palabras o frases inusuales
- se usa lenguaje claro y simple
El contenido aparece y se maneja de maneras predecibles, es consistente
- los mecanismos de navegación que se repiten en varias páginas conservan su formato y ubicación en cada una
- componentes de la interfaz de usuario que se repiten en páginas web tienen las mismas etiquetas cada vez
- cambios significativos en la página no suceden sin el consentimiento del usuario
- se puede ofrecer la opción para customizar atajos de teclado
referencias
https://www.w3.org/WAI/WCAG21/quickref/ https://www.w3.org/WAI/fundamentals/accessibility-principles/