Normas de accesibilidad web: una presentación detallada para diseñadores

La Iniciativa de Accesibilidad web del Consorcio World Bread (W3C WAI) define la accesibilidad web que “los sitios web, las herramientas y las tecnologías están diseñadas y desarrolladas para que las personas con discapacidades puedan usarlos”. Asegurar el hecho de que la Web permanece accesible para las personas con discapacidades-auditivos, cognitivos, neurológicos, físicos, del habla o las imágenes visuales que estas personas pueden usar completamente la web y contribuir con su conocimiento y experiencia a ella. No se limitan a ser consumidores de contenido y tecnologías; Más bien, pueden convertirse en desarrolladores, diseñadores y productores de contenido.
Si bien los recursos y las herramientas de accesibilidad web a menudo se centran en la experiencia de los usuarios de discapacidades, sus beneficios se extienden a todos, incluso para aquellos sin discapacidades permanentes. Por ejemplo, los subtítulos permiten a las personas con audiencia débil acceder a videos en la web. Pero estos subtítulos también ayudan a otros usuarios. Si ve el video en un área ruidosa, pueden activar subtítulos. Aquellos que no hablan el idioma utilizado en el video también pueden leer los subtítulos para comprender completamente el mensaje del contenido.

Fuente: Perspectivas sobre accesibilidad web: 10 temas/videos (YouTube) Compilación
Otro ejemplo es el uso de textos alternativos en imágenes. Estos textos descriptivos no solo ayudan a los usuarios de los lectores de pantalla a comprender lo que contiene una imagen. Los atributos otro cuidadosamente optimizado también se benefician de la estrategia de optimizar el motor de búsqueda de imágenes (SEO), lo que les ayuda, en consecuencia, a mejorar las tasas de conversión. 3 componentes de la accesibilidad web para que la web sea accesible involucra varios componentes. Estos incluyen: Contenido web: aparte de texto, imágenes, audio y videos, también incluyen los formularios que sus usuarios complementan, los códigos y aplicaciones de marcado.
Herramientas creativas: estos se refieren a software y servicios que los diseñadores y desarrolladores utilizan para crear un sitio web comercial, otros sitios en línea y contenido web. La creación de herramientas incluye sistemas de administración de contenido (CMS), blogs, editores de código y herramientas de conversión de documentos.
Agentes de usuario: estos son el software que facilita el acceso de sus usuarios al contenido web. Los ejemplos incluyen navegadores (escritorio, móvil, voz), complemento, reproductores multimedia y tecnologías de asistencia, como lectores de pantalla y orejetas, software de escaneo y teclados alternativos.
Fuente: https://www.w3.org/wai/fundamentals/components/ Cada uno de estos tres componentes tiene una guía equivalente de accesibilidad web preparada por Wai:

Guía para la accesibilidad del contenido web (WCAG)
Guía de accesibilidad para la herramienta de creación (ATAG)
Guía de accesibilidad para el agente de usuario (UAAG)
3 Niveles de conformidad Las tres pautas Wai – Whag, ATAG y UAAG – Clasifica la conformidad en tres niveles: Nivel A (el más bajo): una página web debe cumplir con los criterios de éxito de todos los niveles o tener una versión alternativa.

AA (Medio) Nivel: además de cumplir con todos los criterios de éxito, una página web debe cumplir con todos los criterios de éxito de AA de nivel o tener una versión alternativa de acuerdo con el nivel AA.
Nivel AAA (el más alto): una página web que cumple con este nivel de cumplimiento más alto cumple con todos los niveles de AA, AA y AAA o tiene una versión alternativa en línea.
Es una necesidad cumplir con los requisitos de nivel A, que cubren las funciones de accesibilidad básica, como proporcionar imágenes con atributos alternativos.
Mientras tanto, los requisitos de nivel AA ayudan a resolver muchos problemas de accesibilidad comunes encontrados por los usuarios de discapacidades. Finalmente, el nivel AAA incluye requisitos de accesibilidad más avanzados. Profundamos en cada una de las reglas de Wai. Las pautas sobre la accesibilidad del contenido web (WCAG) 2.1 WCAG 2.1 se organizan en las pautas, y cada guía tiene sus propios criterios exitosos o requisitos de accesibilidad que corresponde a un nivel de conformidad (nivel A, AA o AAA). Las pautas de WCAG 2.1, como las pautas de ATAG y UAAG, se organizan en torno a cuatro principios de accesibilidad:
Perceptible
Operable
Comprensible
Robusto
Echemos un vistazo más de cerca a estos principios y líneas de accesibilidad. Si desea encontrar los criterios exitosos de cada guía y niveles de cumplimiento, consulte el documento completo de WCAG 2.1 aquí. Principio 1: La información y la interfaz con el usuario deben presentarse a los usuarios de una manera que pueden percibir. Lenguaje simple o impreso.
Proporcione subtítulos y alternativas (como descripciones de audio, interpretaciones del lenguaje de señas) para entornos basados ​​en el tiempo, como videos en vivo o videos previamente grabados.
Cree contenido adaptable, es decir, contenido que se puede presentar de varias maneras (como una apariencia más simple), sin perder información o estructura.
Haga que el contenido sea distinto, es decir, debe ser fácil para los usuarios ver y escuchar el contenido. Esta guía cubre los requisitos con respecto al uso de colores, controles de audio, contraste, cambio de tamaño del texto, redistribución, textos y espacios de texto.
Principio 2: Los componentes de la interfaz con el usuario y la navegación deben ser operables.
Todas las características están disponibles en el teclado del usuario.
Los usuarios tienen tiempo suficiente para leer y usar contenido.
No diseñe el contenido de una manera que se sabe que causa convulsiones y reacciones físicas (por ejemplo, contenido que parpadea más de tres veces por segundo).
Los usuarios pueden navegar fácilmente, encontrar contenido y determinar dónde están.
Los usuarios pueden usar diferentes formas de ingresar a los teclados, como reconocimiento de voz, gestos y activación táctil.
Haga que el contenido sea legible y fácil de entender, por ejemplo, permitiendo que el lenguaje de la página web y el lenguaje utilizado en ciertos pasajes se determinen programáticamente (es decir, determinado por el software) y ofreciendo los significados de las palabras y las abreviaturas inusuales.
Haga que las páginas web aparezcan y funcionen de manera predecible, como el uso de mecanismos de navegación consistentes.
Ayuda a los usuarios a evitar y corregir errores, como identificar errores y ofrecer sugerencias, así como permitir a los usuarios revertir, verificar y confirmar las respuestas a las transacciones legales y financieras.
Principio 4: El contenido debe ser lo suficientemente robusto como para ser interpretado por una amplia variedad de usuarios.
Maximice la compatibilidad con los usuarios actuales y futuros, como navegadores web y tecnología de asistencia.
Las guías de accesibilidad para las herramientas de creación de Creative Instrument (ATAG) 2.0 se refieren a software y servicios que usan diseñadores web, desarrolladores, escritores y otros “autores” para crear páginas web estáticas, aplicaciones web dinámicas y otras formas de contenido web.
Algunos ejemplos de instrumentos creativos son los editores HTML Wysiwg (que te-tee-what-yo-get), software de edición de código fuente o aplicaciones web móviles, sistemas de administración de contenido, redes sociales, foros, wiki las herramientas multimedia. El documento ATAG 2.0 apunta no solo a ayudar a los autores a crear contenido web accesible, sino también permitir que las personas con discapacidades usen fácilmente herramientas creativas. Como tal, ATAG 2.0 se divide en dos partes: la Parte A se centra en hacer herramientas creativas accesibles y
La Parte B analiza cómo estas herramientas pueden ayudar a los autores a crear contenido accesible.
Al igual que Wall 2.1, ATAG 2.0 también está organizado alrededor de los principios. Cada principio tiene pautas que sirven como marco, y cada guía tiene criterios exitosos (requisitos de accesibilidad) en los niveles de cumplimiento, AA y AAA. La información detallada sobre los criterios exitosos, su intención, ejemplos y niveles de conformidad están disponibles en el grupo de trabajo W3C Nota 2.0.
Parte A: Haga que sea accesible la interfaz de usuario del instrumento creativo. Principio A.1: Las interfaces con el usuario del instrumento creativo siguen las reglas de accesibilidad.
Asegúrese de que la funcionalidad basada en la web (por ejemplo, interfaces de usuario Wiki basadas en la web y sistemas de ayuda) cumpla con los criterios de éxito.
Asegúrese de que las interfaces de usuario basadas en el usuario (por ejemplo, Windows, Mac, Android) sean accesibles.
Principio A.2: Las vistas de edición son perceptibles.
Haga contenido alternativo (por ejemplo, subtítulos, descripciones de audio, lenguaje de señas).
Principio A.3: Las vistas de edición son operables.
Ofrezca un acceso eficiente desde el teclado hasta las funciones creativas.
Dale a los autores suficiente tiempo. Para ayudar a los autores que pueden tener dificultades para escribir o procesar información, las herramientas creativas deben tener opciones de rescate automáticas, sincronización ajustable, componentes de entrada estática y permitir ediciones automáticas de contenido web.
Ayude a los autores a evitar intermitentes que puedan causar convulsiones, proporcionando una opción de vista estática.
Mejorar la navegación y la edición a través de la estructura de contenido.
Active la búsqueda de contenido del contenido para que los autores puedan encontrar fácilmente el contenido que desean editar.
Permita que los usuarios guarden o controlen su configuración de visualización favorita.
Asegúrese de que las vistas previas del contenido sean al menos tan accesibles como los usuarios del mercado.
Principio A.4: Las vistas de edición son comprensibles
Ayude a los autores a evitar y corregir errores realizando cambios de contenido reversibles y activando la confirmación de la configuración.
Documente la interfaz de usuario, incluidas todas las funciones de accesibilidad, para que los usuarios puedan consultar mientras operan las funciones de instrumentos creativos.
Parte B: Apoyo a la producción de contenido accesible Principio B.1: Los procesos totalmente automáticos producen contenido accesible.
Asegúrese de que sea accesible el contenido web automático de las herramientas creativas. Pregunte la información de accesibilidad durante las transformaciones del contenido web, como la reestructuración, la grabación o la copia del contenido.
Principio B.2: Los autores son compatibles con la producción de contenido accesible
Asegúrese de que los usuarios puedan crear contenido web de acuerdo con WCAG utilizando herramientas creativas.
Guía a los autores en la creación de contenido accesible, como hacer que las opciones accesibles sean visibles e incluyendo mecanismos para establecer accesibilidad.
Ayude a los autores a administrar el contenido alternativo para el contenido de no texto, como reparar automáticamente las alternativas de texto y asegurarse de que el contenido alternativo sea editable.
Ayude a los autores con plantillas accesibles, ofreciendo plantillas accesibles e identificando la accesibilidad de las plantillas.
Ayuda a los autores con autor accesible, como clip arts, widgets de interfaz de usuario y ejemplos de videos.
Principio B.3: Los autores son compatibles con mejorar la accesibilidad del contenido existente
Ayude a los autores a verificar los problemas de accesibilidad, como localizar posibles problemas, proporcionar instrucciones y generar estado de accesibilidad.
Ayude a los autores a reparar problemas de accesibilidad, como proporcionar sugerencias.
Principio B.4: Las herramientas de creación promueven e integran sus funciones de accesibilidad
Asegúrese de que los instrumentos creativos tengan características que acepten la producción de contenido accesible. Asegúrese de que estas funciones se activen de forma predeterminada y no se pueden deshabilitar o que puedan reactivarse. Asegúrese de que la documentación promueva la producción de contenido accesible. Esto se puede lograr al incluir ejemplos de prácticas creativas de tutoriales accesibles y un índice de las instrucciones sobre funciones de asistencia de contenido accesible.
Las pautas sobre la accesibilidad del agente de usuario (UAAG) 2.0 Los documentos UAAG ofrecen pautas para garantizar que los agentes de los usuarios (navegadores, extensiones de navegadores, lectores y reproductores multimedia) sean accesibles para personas con discapacidades. UAAAG se dirige principalmente a los desarrolladores de estos agentes de usuario o aplicaciones que reproducen contenido web.
Las características de accesibilidad del agente de usuario son esenciales para garantizar que los navegadores y aplicaciones, no solo el contenido web, puedan proporcionar a las personas una mejor experiencia de usuario. Por ejemplo, los agentes de los usuarios pueden permitir que las personas personalicen el texto, las preferencias y la interfaz para una mejor accesibilidad. Las pautas de UAAG 2.0 se organizan en torno a los mismos principios que WCAG 2.1 y ATAG 2.0. Para una visión detallada de los criterios exitosos de cada guía, los niveles de conformidad y ejemplos, consulte la referencia de UAAG 2.0 del W3C.
Principio 1: asegúrese de que la interfaz de usuario y el contenido renderizado sean perceptibles
Proporcione acceso a contenido alternativo y permita a los usuarios cambiar el tamaño y la reposicionamiento de alternativas basadas en los medios, como subtítulos y videos en lenguaje de señas. Obtenga el contenido faltante a través de tecnologías de asistencia.
Proporcione resaltado para la selección, el enfoque del teclado, los elementos activados y los enlaces visitados.
Proporcione la configuración de texto (por ejemplo, permita a los usuarios establecer el color del texto, el estilo, las filas, la fuente, el tamaño, los caracteres, la justificación y los bordes) que los usuarios con mala vista, dislexia u otras discapacidades pueden usar para facilitar el contenido. lo suyo.
Proporcione la configuración de volumen para cada pista de audio en relación con el volumen global.
Proporcione una configuración del habla sintetizada (por ejemplo, los usuarios pueden especificar la velocidad de voz, el volumen, la voz, la altura y el intervalo.
Active la configuración de la hoja al estilo del usuario. De esta manera, los usuarios pueden personalizar la representación del contenido web (por ejemplo, elegir texto amarillo en un fondo negro) para ayudarlos a leer materiales en línea.

Ayuda a los usuarios a orientar y controlar Windows y ver Windows.
Proporcione vistas alternativas (por ejemplo, vista de boceto, vista de origen).
Proporcione información sobre las relaciones entre elementos (por ejemplo, etiquetas de formulación, encabezados de tabla, etiquetas y columnas ordinarias, jerarquía de contenido).
Principio 2: asegúrese de que la interfaz de usuario sea operable
Asegure el acceso completo al teclado.
Proporciona navegación secuencial.
Proporciona navegación y activación directa.
Proporcione la búsqueda de texto.
Proporcione navegación estructural (por ejemplo, después de las secciones de valores o contenido o dentro de las tablas). Configuración y almacene la configuración de los usuarios favoritos.
Personalice la visualización de verificaciones gráficas, es decir, los usuarios pueden agregar, eliminar, reposicionar y asignar accesos directos a los pedidos.
Permitir interacción de tiempo independiente (es decir, los usuarios pueden ajustar los límites de tiempo).
Ayuda a los usuarios a evitar parpadear que pueden causar convulsiones.
Proporcione control sobre el contenido de los medios basados ​​en el tiempo, como permitir que los usuarios naveguen con el tiempo, use la reproducción y ajuste el contraste y el brillo de las imágenes.
Acepte otros dispositivos introductorios, como indicar herramientas, reconocimiento de voz y teclados de pantalla.
Principio 3: asegúrese de que la interfaz de usuario sea fácil de entender
Ayude a los usuarios a evitar y corregir errores, como mediante la ortografía y completando automáticamente la información básica.
Documente la interfaz de usuario, incluidas las funciones de accesibilidad.
Haga que el agente de usuario se comporte de manera predecible.
Principio 4: Facilitar el acceso programático
Asegúrese de que los agentes de los usuarios acepten los servicios de accesibilidad de la plataforma y proporcionen información sobre los controles.
Principio 5: Respeta las especificaciones y convenciones
Las verificaciones de navegador creadas en HTML o estándares similares deben cumplir con el inodoro. Además, los agentes de los usuarios deben aceptar funciones de accesibilidad, permitir espectadores alternativos y permitir a los usuarios informar problemas de accesibilidad.
Las palabras finales para que la web sea inclusiva y accesible para todos pueda parecer una tarea abrumadora. Pero es un desafío que vale la pena aceptar, porque sus beneficios se extienden más allá de los usuarios de discapacidades.Muchos usuarios de la web, incluso aquellos sin discapacidades, han considerado funciones útiles como subtítulos, cambiar el tamaño del texto, las verificaciones de ortografía, la documentación y los textos alternativos.Y, debido a que estas ventajas se extienden a todos los visitantes web y negocios en línea, todos pueden disfrutar de una experiencia de usuario mucho mejor.