Problemas de auditoría de accesibilidad de Lighthouse

[awesomerobot (Kris)]

Separa esto en su propio tema para profundizar un poco más en los problemas. Comenzando con el…

Lista de temas

Fuera del contraste, que por ahora se puede solucionar con CSS… hay 2 problemas:

1. El primero, relacionado con los elementos de la lista, parece ser un error del auditor o quizás una peculiaridad en cómo el auditor interpreta el renderizado de nuestra página. Estos elementos de la lista definitivamente están contenidos.
   
   
   
   

2. El segundo problema es [aria-*] attributes do not have valid values. Esto señala específicamente nuestros menús desplegables de categorías y etiquetas… el problema aquí parece ser aria-haspopup. Según el ejemplo aquí Navigation Menu Button Example | APG | WAI | W3C, deberíamos tener aria-haspopup="true" en lugar de simplemente aria-haspopup.

   Parece que no estábamos pasando true como una cadena. Lo solucioné aquí: True should be a string to display properly in aria-haspopup · discourse/discourse@b848bd4 · GitHub