Descripción: Hay muchas situaciones en las cuales un control, diálogo o cualquier otra característica de un sitio web deberían recibir un nombre o etiqueta descriptiva para permitir a los usuarios de tecnologías asistivas entender cuál es su propósito y ser capaz de entenderlo y operarlo correctamente. Hay un número de diferentes tipos de problemas en esta categoría, dependientes del contexto, y cada uno tiene su propia solución. Los diferentes problemas y soluciones son discutidas en las secciones posteriores.

Propuesta: Añadir el elemento <title> que describa el propósito de la página.

Referencia: https://developer.mozilla.org/es/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names#Form_elements_should_have_a_visible_text_label

Descripción: Los elementos que tengan la propiedad de aria-hidden no deberían poder ser seleccionados.

Propuesta: Debería deshabilitarse la opción de que el modal pueda ser seleccionado, o en caso de que sea necesario que sea seleccionado, debería eliminarse la propiedad de aria-hidden.

Referencia: Accessible Rich Internet Applications (WAI-ARIA) 1.1 (w3.org)

Descripción: Para ser completamente accesible, una página web debe ser operable por alguién utilizando únicamente un teclado para acceder y controlarla. Esto incluye usuarios de lectores de pantalla, pero también puede incluir a quienes tienen dificultades utilizando un dispositivo apuntador como un ratón o una bola de rastreo, o aquellos cuyo ratón no está funcionando temporalmente, o la gente que simplemente prefiere usar un teclado como entrada siempre que les sea posible. En nuestro caso, el nombre de las columnas sirve para poder seleccionar el orden de muestreo de los datos y es inaccesible por el teclado.

Propuesta: añadiendo el atributo tabindex con valor 0 para que el elemento sea parte del orden de enfoque normal.