Hacer sitio web accesible usando WAI-ARIA

[Scot3004]

Por favor leer los comentarios mas recientes donde se ve que las tareas a realizar son:

• Corregir los puntos en los que fallan los checks de accesibilidad de page insighs
• Corregir los puntos en los que falla el w3c validator
• De ser posible ejecutar selenium axe en la página de inicio, o bien activar el plugin de page insights en netlify que nos dice en cada pull request como estamos en accesibilidad
• Ejecutar el w3c validator en cada pull request para que no volvamos a romper la estructura del html

[pyjavo]

¿Qué significa WAI_ARIA? @Scot3004

[Scot3004]

http://www.nosolousabilidad.com/articulos/wai_aria.htm

[Scot3004]

No es prioritario, pero es un ejercicio interesante

[Scot3004]

Estuve viendo este ticket, y despues de la migración a boostrap 5, ya tenemos un gran avance en esta tarea, sin embargo, la ejecutar page insights (lighthouse) se evidencian aun fallos en la accesibilidad

en cuanto al tema de contraste se trata de issues relacionados con el plugin de osano

El numeral de links sin descripción clara, todos estan en el footer en el numera de los social links

Y en el numeral de encabezados si bien aca solo se menciona el ejemplo del homepage, es algo que hay que revisar en las demás páginas, ya que en las secciones tenemos nivel de encabezado 3 y deberia ser 2.

Ademas, hay unas recomendaciones minimas de la w3c, las cuales son validadadas con esta herramienta
https://validator.w3.org/nu/?doc=https%3A%2F%2Fpybaq.co%2F
y dicha herramienta valida si hay imagenes sin alt, u otros temas de accesibilidad, a través de un analisis estatico del código de la página

Ejecutando la herramienta online w3cValidator, la cual ya esta en los test-requirements.txt
https://github.com/PyBAQ/website#validar-html-usando-w3c-validator

Creo que deberiamos crear una serie de issues entre ellos:

• Corregir los puntos en los que fallan los checks de accesibilidad de page insighs
• Corregir los puntos en los que falla el w3c validator
• De ser posible ejecutar selenium axe en la página de inicio, o bien activar el plugin de page insights en netlify que nos dice en cada pull request como estamos en accesibilidad
• Ejecutar el w3c validator en cada pull request para que no volvamos a romper la estructura del html