Accesibilidad Web

En pocas palabras, la accesibilidad al contenido web significa asegurarse de que nuestras aplicaciones sean comprensibles para los usuarios;

• con discapacidades/deficiencias
• con conexiones de bajo ancho de banda
• que están usando tecnologías más antiguas
• que temporalmente no puede oír o en un ambiente ruidoso
• que son nuevos usuarios y
• que tienen barreras de idioma

Son muchas las ventajas competitivas de adaptar contenidos accesibles para las empresas. Por ejemplo, una empresa puede aumentar su diversidad e inclusión con contenido accesible y mantener clientes fieles a su marca. Además, las empresas pueden mejorar sus resultados de SEO y ampliar su alcance de mercado. Además, en algunos países es imprescindible adoptar la accesibilidad en las aplicaciones web, por lo que las empresas pueden minimizar sus riesgos legales mediante la adopción de algunos estándares de accesibilidad.

Los estándares de accesibilidad web están determinados por la Iniciativa de accesibilidad web del W3C y se denominan " Pautas de accesibilidad al contenido web (WCAG) ". Según las WCAG, el contenido debe seguir el principio POUR.

P: perceptible: la información debe ser visible (alternativas de texto, alternativas de medios basadas en el tiempo)

O — Operable: los formularios de interfaz, los controles y las navegaciones son operables ("las acciones" deberían estar funcionando)

U — Comprensible: la interfaz de usuario debe ser comprensible y el contenido debe ser legible

R — Robusto: Los usuarios deben poder acceder al contenido a medida que avanza la tecnología. Todo el contenido debe permanecer accesible.

Así que puede que te estés preguntando "¿Por dónde empezar?" La verdadera respuesta a esta pregunta es "Diseño". El diseño debe satisfacer las necesidades de todos los usuarios siguiendo el principio POUR.

Hay algunas cosas que podemos hacer para verificar o garantizar nuestra accesibilidad.

1. Abra Chrome > Más herramientas > Herramientas para desarrolladores > Capacidad de respuesta > Explore diferentes tamaños de pantalla y legibilidad del contenido
2. Ir ahttps://webaim.org/resources/contrastchecker/y comprobar el contraste de color. Usa colores simples con buen contraste. La relación de contraste mínima debe ser de 4,5:1 en general. Asegúrese de garantizar los criterios en [4] y [5]
3. Descargue la "herramienta del oráculo del color" y vea cómo ven su aplicación los diferentes usuarios con daltonismo o daltonismo.
4. Asegúrate de cambiar el color de los enlaces cuando los visites o los pases por encima.
5. Comprueba la tipografía y la legibilidad de tu contenido. Compruebe la forma, el peso, la escala, el estilo, el espaciado y la alineación del contenido.
6. Intente ceñirse a 1 o 2 fuentes en su aplicación. Controlarhttps://fonts.google.com/para elegir fuentes. Aquí, Google tiene "recomendaciones de emparejamiento de familias de fuentes" para usted. Intente usar fuentes ya disponibles que no requieran descarga en diferentes dispositivos. Esto ayudará con el tiempo de carga de la aplicación.
7. El espaciado tiene 4 categorías principales, incluido el espaciado entre letras, el espaciado entre párrafos, el espaciado entre letras y el espaciado entre palabras. Siga esta documentaciónhttps://www.w3.org/TR/WCAG21/#text-spacingpara espaciar

Referencias:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced