hacha DevTools Pro

Voy a intentar mostrarte algunas cosas que creo que son útiles e importantes sobre axe™ DevTools y usaré la menor cantidad de palabras posible.

ax DevTools incluye una extensión de navegador que no necesita conocimientos especiales para utilizarla.

Lo instala desde los directorios de extensiones como cualquier otra extensión.

Es una pestaña junto con tus otras DevTools.

Puede que esté completamente a la derecha. Me gusta hacer clic y arrastrarlo hasta la pestaña Elementos.

Ahora puedo escanear mi página y encontrar el 57 % de los problemas de accesibilidad, además de ayuda para solucionarlos.

Aquí hay un iframeCodePen al que le faltaba un titleatributo.

La información de 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 abrir una lista de títulos para todos los marcos de una página. Agregar títulos descriptivos y únicos permite a los usuarios encontrar rápidamente el marco que necesitan. Si no hay títulos, navegar a través de los fotogramas puede volverse rápidamente difícil y confuso.

¿Ax DevTools Pro desbloquea la guía inteligente? Pruebas, lo que significa que podemos solucionar el 83% de todos los problemas de accesibilidad.

Hay muchos problemas de accesibilidad que un análisis 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 foco allí)? ¿Se puede encontrar el modal una vez abierto? ¿Atrapa el foco? ¿Se puede cerrar? Estas son cuestiones importantes que son difíciles de recordar por sí solos e imposibles de probar estáticamente. Pero estás de suerte, las Pruebas Guiadas Inteligentes (que obtienes al actualizar a ax DevTools Pro ) hacen que los problemas sean fáciles de detectar, porque te guían en cada paso.

“Límpiate el hacha antes de empujar”. Es una cultura empresarial que puedo respaldar.

No cometes errores de sintaxis en el código. No confirmas código mal formateado. Tampoco cometa errores de accesibilidad. Abra ax DevTools y limpie su hacha antes de realizar nuevas confirmaciones.

Los amigos no permiten que sus amigos envíen códigos inaccesibles.

Obtenga su prueba gratuita de 14 días