Hacer sitio web accesible usando WAI-ARIA

Scot3004 commented 7 years ago

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 commented 7 years ago

¿Qué significa WAI_ARIA? @Scot3004

Scot3004 commented 7 years ago

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

Scot3004 commented 7 years ago

No es prioritario, pero es un ejercicio interesante

Scot3004 commented 1 year ago

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

PyBAQ / website

Hacer sitio web accesible usando WAI-ARIA #24