Recientemente heredé una aplicación web que usa el marco EXTjs. Realmente no estoy tan familiarizado con él, pero lo he estado aprendiendo lo mejor que puedo en los últimos meses. Recientemente me asignaron la tarea de actualizar toda la aplicación para cumplir con el Cumplimiento 508, es decir, hacer que la aplicación sea accesible para las personas con problemas de visión. Me dieron una lista de deficiencias que da ejemplos donde el software no cumple por varias razones. Supongo que necesito un poco de ayuda para entender cómo funciona esto. Revisé la documentación de EXTjs y dice que tiene funciones de accesibilidad disponibles, pero realmente no he tenido éxito en encontrar qué hacer. Aquellos que usan la aplicación están usando el lector de pantalla JAWS si eso hace alguna diferencia. Algunas de las cosas que sé que necesito arreglar son:

• Algunos elementos deben etiquetarse como un encabezado para que el lector de pantalla pueda leerlos programáticamente y darle cierta estructura a la página web.
• Al tabular alrededor de una tabla/cuadrícula, los datos se leen sin ninguna información de contexto/encabezado.
• El color se utiliza como una señal visual para indicar la acción (es decir, el campo obligatorio). Supongo que esto es para el daltonismo y es necesario agregar alguna otra señal visual.
• Las ventanas modales no se pueden cambiar de tamaño ni mover con el teclado.
• Necesita un mecanismo para eludir bloques de contenido que se repiten en varias páginas.
• Las páginas no tienen títulos (esta es una aplicación de una sola página).
• Los elementos de la interfaz de usuario que funcionan con el teclado no tienen una indicación visible de enfoque (el grupo de botones de opción no muestra el enfoque, incluso si el seleccionado lo hace).
• El nombre/estado de los elementos de la interfaz de usuario en el producto no se puede entender (es decir, el nombre de los botones de expansión y contracción se lee como panel de expansión o panel de contracción por tecnología de asistencia sin contexto de lo que se está expandiendo o contrayendo).

Hay muchos otros problemas, pero esto da una idea del alcance de los cambios necesarios. Como dije anteriormente, analicé mucho la documentación de EXTjs en su sitio, así como búsquedas en Google sobre cómo hacer que las aplicaciones sean más accesibles. Pero realmente no estoy viendo lo que necesito. Gran parte de esta aplicación es solo configurar plantillas EXTjs y luego cargarlas con gran parte de la carne de la aplicación manejada por el código js integrado de EXTjs.

Agradecería cualquier ayuda, sitios útiles con ejemplos o fragmentos de código sobre cómo lograr algo de esto. Espero que una vez que comience con algunos ejemplos, pueda continuar desde allí.

Gracias.