verificación de accesibilidad

Cómo Hacer una Verificación De Accesibilidad

Cómo hacer una verificación de accesibilidad

Hoy en cómo hacer una verificación de accesibilidad o auditoría de accesibilidad, quiero dar un breve vistazo al proceso que utilizo cuando reviso la accesibilidad de un sitio.

La «accesibilidad digital» se refiere a la práctica de crear contenido digital y aplicaciones que puedan ser utilizadas por personas con discapacidad. Esto puede aplicarse a sitios web, aplicaciones móviles, aplicaciones de escritorio, videojuegos, documentos electrónicos y más.

Las pautas de accesibilidad al contenido en la web, son las pautas técnicas creadas por el Consorcio de la  World Wide Web (W3C) para crear contenido accesible basado en la web.

Debo aclarar que esta explicación no es una auditoría o verificación de accesibilidad exhaustiva, sino un conjunto de comprobaciones rápidas que puede usar para resaltar cualquier área problemática y que deberían tomarse en cuenta en un buen diseño de blog o website, así cómo también en la creación de Páginas Web Rápidas. ¡He descubierto que la mayoría de los sitios tienden a tener problemas con al menos algunas de estas comprobaciones, y solo lleva unos minutos hacerlo, por lo que vale la pena por la mejor experiencia del usuario! Algunas de las cosas que busco al momento de cómo hacer una verificación de accesibilidad:

Algunos elementos de verificación de accesibilidad rápidos:

  • ¿Tiene sentido el orden de tabulación y puedo acceder a todos los controles de la página?
  • ¿Existe un indicador de enfoque claro para los controles interactivos?
  • ¿Hay elementos fuera de la pantalla que no deberían ser enfocables?
  •  ¿Puedo recorrer la página con un lector de pantalla sin atascarme?
  • ¿Hay texto alternativo apropiado en las imágenes?
  • ¿Los controles personalizados funcionan con un lector de pantalla?
  • ¿Se alerta al usuario sobre el nuevo contenido agregado a la página?
  • ¿Hay títulos apropiados?
  • ¿Qué pasa con los elementos emblemáticos?
  • ¿El texto tiene el contraste suficiente para ser legible?

 

Y aquí está una de las herramientas para realizar una auditoría o verificación de accesibilidad que me gusta usar y que lo ayudará en su duda de cómo hacer una verificación de accesibilidad: – Extensión del axe de Chrome

El comprobador de accesibilidad Axe para Chrome es una herramienta de verificación de accesibilidad rápida y ligera que devuelve cero falsos positivos. Solo prueba los problemas de accesibilidad que pueden detectarse con precisión a través de la automatización, y solo prueba los componentes que realmente existen en la página o aplicación que está probando.

La extensión axe de Chrome utiliza la biblioteca JavaScript de código abierto ax desarrollada por Deque Systems, la tercera generación de reglas de accesibilidad para interfaces de usuario basadas en HTML. La biblioteca ax se diferencia de otros enfoques y repositorios de reglas de las siguientes maneras:

1. Funciona en todos los navegadores modernos,
2. Admite dispositivos en memoria, dispositivos estáticos, pruebas de integración e iframes de profundidad infinita.
3. Tiene cero falsos positivos (a pesar de los errores)
4. Es de código abierto (la biblioteca ax-core, no la extensión)
5. Cuenta con el respaldo activo de un importante proveedor de accesibilidad
6. Está diseñado para trabajar con cualquier herramienta, marco, biblioteca y entorno que tenga hoy.
7. Está diseñado para integrarse en sus pruebas automatizadas funcionales/de aceptación existentes.
8. Determina automáticamente qué reglas ejecutar según el contexto de evaluación.
9. Es altamente configurable (como una API de JavaScript).

Cómo usar Extensión del axe de Chrome para hacer una auditoría de accesibilidad

 

  1. Después de instalar la extensión para realizar una verificación de accesibilidad, cargue la página a auditar para  hacer  una verificación de accesibilidad.
  2. Para comenzar a hacer comprobación la accesibilidad, abra las herramientas para desarrolladores del navegador o pulse F12, vaya a la pestaña del Axe y ejecute un análisis en una página web.

Esta es la pantalla de verificación de accesibilidad para tuconsultoraseo.com usando la extensión:

Esta es la pantalla de verificación de accesibilidad usando la extensión Axe

La extensión Axe le permitirá guardar sus resultados automáticos de verificación de accesibilidad para uso futuro, así como obtener acceso a nuevas pruebas guiadas para permitirle probar más de su página sin necesidad de ser un experto en accesibilidad!

Ahora sabes cómo hacer una verificación de accesibilidad fácil y rápidamente.

Contenido Relacionado:

 

Componentes Esenciales De Accesibilidad Web
Asistencia De SEO En La Página Para Conducir Tráfico Valioso
Consecuencias Del Contenido Duplicado Para Seo 
Señales de Calidad Core Web Vitals. Cómo Medirlas
Que es el Rendimiento Web
Beneficios de las Aplicaciones Web Progresivas
¿Qué Es El Flujo Link Juice?
Preguntas Frecuentes En Consultoría SEO
Análisis Herramientas CSS No Utilizadas.
Índice De Velocidad De página
Cómo Mejorar La Velocidad De Carga Con Lighthouse
Los Componentes De Accesibilidad Web
Posicionamiento En Los SERP
Qué es CSS crítico? ¡Genéralo!

Sigueme
Últimas entradas de Estela Silva H. (ver todo)

Política de comentarios: Me encantan los comentarios y agradezco el tiempo que los lectores dedican para compartir ideas y para retroalimentación. Sin embargo, todos los comentarios son moderados manualmente y aquellos que considero spam o comentario promocional se eliminarán.

This function has been disabled for Tu Consultora Seo.