Voy a tratar de mostrarle algunas cosas que creo que son útiles e importantes sobre axe™ DevTools y usaré la menor cantidad de palabras posible.
axe DevTools incluye una extensión de navegador que no necesita experiencia especial para usar.
Lo instalas desde los directorios de extensiones como cualquier otra extensión.
Es una pestaña junto con sus otras DevTools.
Podría ser todo el camino a la derecha. Me gusta hacer clic y arrastrarlo por la pestaña Elementos.
Ahora puedo escanear mi página y encontrar el 57% de los problemas de accesibilidad junto con ayuda para solucionarlos.
Aquí hay un <iframe> en CodePen al que le faltaba un title atributo.
La información en la extensión en sí es muy útil para solucionar el problema, pero también puedo hacer clic en Deque University para obtener información muy clara y detallada sobre el problema, a quién afecta y cómo solucionarlo. Para el problema que encontré arriba:
Los usuarios de lectores de pantalla tienen la opción de obtener una lista de títulos para todos los marcos de una página. Agregar títulos únicos y descriptivos permite a los usuarios encontrar rápidamente el marco que necesitan. Si no hay títulos presentes, la navegación a través de los marcos puede volverse difícil y confusa rápidamente.
axe DevTools Pro desbloquea las pruebas Intelligent Guided™, lo que significa que podemos solucionar el 83 % de todos los problemas de accesibilidad.
Hay muchos problemas de accesibilidad que un escaneo estático del código no puede detectar. Por ejemplo, ¿su sitio tiene un modal? Si es así, probarlo requiere algunas pruebas paso a paso. ¿Qué botones lo abren (porque será necesario devolver el enfoque allí)? ¿Se puede encontrar el modal una vez abierto? ¿Atrapa el foco? ¿Es cerrable? Estos son temas importantes que son difíciles de recordar por su cuenta e imposibles de probar estáticamente. Pero tiene suerte, las Pruebas guiadas inteligentes (que obtiene al actualizar a axe DevTools Pro) hacen que los problemas sean fáciles de detectar, porque lo guían paso a paso.
“Límpiate bien antes de empujar”. es una cosa de la cultura de la empresa que puedo respaldar.
No cometes errores de sintaxis en el código. No cometes código mal formateado. Tampoco cometas errores de accesibilidad. Abre axe DevTools y ponte limpio antes de impulsar nuevas confirmaciones.
Los amigos no permiten que sus amigos envíen código inaccesible.
Obtenga su prueba gratuita de 14 días