Estoy usando esta https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni?hl=en
Introducción
¿Quién es Eva Ferreira? ¿Qué veremos en este curso?
¿Cómo vender accesibilidad?
Desarrollo con accesibilidad
¿Mi marca es accesible? Contraste, colores y fuentes
Tips para flujos de navegación accesibles
Twitter vs. Facebook: textos alternativos en imágenes
Semántica: la web 3.0 original
Flujos y Entornos de Desarrollo con Accesibilidad
Pruebas manuales
Pruebas automáticas
IBM: sistemas de diseño con accesibilidad
Auditorias de accesibilidad
Próximos pasos
Trabajo en equipo: educando sobre accesibilidad
¿Cómo seguir aprendiendo accesibilidad?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
La accesibilidad web es un tema crítico en el desarrollo de sitios y aplicaciones digitales. Uno de los estándares más importantes a nivel mundial es la WCAG, que son las siglas en inglés de la "Web Content Accessibility Guidelines". Esta guía, creada por el Consorcio World Wide Web (W3C) a finales de los noventa, define cómo proporcionar contenido accesible a todos los usuarios, incluidos aquellos con discapacidades. Las WCAG son utilizadas por distintas leyes en todo el mundo para establecer sus propios criterios de accesibilidad. Además, son la base para los tests manuales y automáticos que determinan si un contenido digital es accesible.
Los tests automáticos utilizan herramientas para evaluar la accesibilidad de una página web basándose en los estándares establecidos por la WCAG. Existen distintas herramientas automáticas que ofrecen variados enfoques y características únicas para realizar estas evaluaciones.
WAVE, acrónimo de "Web Accessibility Evaluation Tool", es un producto de WebAim. Fácil de usar y gratuito, WAVE proporciona un panorama general del estado de accesibilidad de un sitio web. Analiza elementos como la semántica, los árboles de elementos, y los encabezados y párrafos. Además, ofrece detalles sobre ARIA labels, textos alternativos y errores de contraste de manera informativa. Sin embargo, se debe tener cuidado con posibles falsos positivos, especialmente en lo que respecta a los colores y gradientes.
Lighthouse es una herramienta de Google que realiza auditorías de accesibilidad, rendimiento, y mejores prácticas, entre otros. Opera como una funcionalidad integrada dentro de Google Chrome, eliminando la necesidad de extensiones adicionales. Utiliza Axe Core como base, y asigna un puntaje de accesibilidad del 1 al 100, priorizando ciertos errores sobre otros. Además de proporcionar un análisis detallado, Lighthouse ofrece una API que permite integrar auditorías en pipelines de integración continua a través de plataformas como GitHub.
AXE, desarrollado por Deque, es considerado el estándar de oro en herramientas de acceso automático debido a su confiabilidad y exhaustividad. Está disponible en múltiples formas como extensiones para navegadores, APIs o integraciones con bases de código a través de librerías como Jest AXE. AXE permite inspeccionar elementos específicos que contienen errores de accesibilidad y ofrece sugerencias de cómo corregirlos, priorizando los errores en función de su gravedad y su impacto en el usuario.
Los linters son herramientas que verifican el código fuente en busca de errores antes de que sea enviado a un repositorio. Integrados en entornos de desarrollo como Visual Studio Code, ayudan a prevenir el envío de código que pueda no cumplir con los estándares de accesibilidad. Algunos linters especializados como eslint-plugin-jsx-a11y
se han desarrollado para trabajar junto a React y facilitar la identificación de errores en JSX.
La accesibilidad es un esfuerzo continuo que requiere integración en cada fase del proceso de desarrollo. Al implementar estas recomendaciones y herramientas, te asegurarás de ofrecer una experiencia inclusiva para todos los usuarios. ¡Sigue explorando y adoptando estas prácticas para mejorar constantemente tus habilidades y conocimientos en este ámbito vital!
Aportes 2
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?