Portal educativo de accesibilidad digital
Internet accesible para todas las personas
Aprende, con explicaciones claras y ejemplos concretos, cómo diseñar, escribir y programar sitios que funcionen para personas con discapacidad visual, auditiva, motriz o cognitiva. Contenido gratuito, en español y sin tecnicismos innecesarios.
Guías y artículos
Nueve lecturas breves sobre accesibilidad web, inclusión digital y tecnologías asistivas en internet.
- Percepción visual
Contraste de color: por qué el mínimo 4.5:1 importa
Millones de personas con baja visión o daltonismo abandonan un sitio cuando el texto se confunde con el fondo. Revisa cómo medir el contraste y corregirlo sin sacrificar la identidad visual.
- Navegación
Todo el sitio usando solo el teclado
Orden de tabulación lógico, foco siempre visible y un enlace para saltar al contenido. Una prueba de cinco minutos que revela la mayoría de las barreras de interacción.
- Tecnología asistiva
Cómo lee tu página un lector de pantalla
NVDA, VoiceOver y TalkBack recorren encabezados, regiones y enlaces. Entender ese recorrido cambia la forma en que escribes el HTML y los textos alternativos.
- Multimedia
Subtítulos, transcripciones y audiodescripción
El video domina internet, pero sin subtítulos deja fuera a personas sordas y a quien mira sin audio. Guía práctica para producir alternativas de calidad y no depender solo del subtitulado automático.
- Contenido
Escribir textos alternativos que sí describen
Un buen texto alternativo comunica la función de la imagen, no su nombre de archivo. Ejemplos comparados para fotos, gráficos de datos, íconos y elementos decorativos.
- Inclusión digital
Accesibilidad móvil: gestos, zoom y áreas táctiles
La mayoría de la región se conecta desde el celular. Áreas de toque amplias, soporte de rotación y respeto al tamaño de fuente del sistema evitan exclusiones cotidianas.
- Lectura fácil
Lenguaje claro y lectura fácil en la web
Oraciones cortas, vocabulario cotidiano y estructura predecible benefician a personas con discapacidad cognitiva y también a cualquiera con prisa o poca señal.
- Formularios
Formularios accesibles: etiquetas, errores y ayuda
Etiquetas visibles asociadas al campo, mensajes de error descritos con texto y no solo con color, y validación anunciada a las tecnologías asistivas.
- Evaluación
Auditar accesibilidad: automatizado más pruebas con personas
Las herramientas automáticas detectan cerca de un tercio de los problemas. Combínalas con pruebas manuales y con usuarias y usuarios reales de tecnologías asistivas.
Buenas prácticas de accesibilidad
Cinco compromisos mínimos que resuelven la mayoría de las barreras reportadas por personas usuarias.
Usa HTML semántico antes que ARIA
Encabezados jerárquicos, listas, botones y enlaces nativos entregan comportamiento accesible de fábrica. ARIA se usa solo cuando no existe un elemento nativo equivalente.
Garantiza contraste suficiente en todos los estados
Texto normal con relación mínima de 4.5:1 y texto grande 3:1, incluyendo estados de foco, deshabilitado, error y textos sobre imágenes.
Nunca comuniques información solo con color
Acompaña el color con íconos, texto o patrones para que las personas con daltonismo o pantallas en escala de grises reciban el mismo mensaje.
Mantén el foco visible y el orden lógico
El indicador de foco debe verse con claridad y el recorrido con la tecla Tab debe seguir el orden visual de la página, sin saltos ni trampas de foco.
Respeta las preferencias del sistema
Soporta el escalado de texto hasta 200 %, el modo de alto contraste y la preferencia de movimiento reducido para quienes sufren mareos con animaciones.
Herramientas de accesibilidad
Cuatro familias de herramientas que acompañan tanto a quien crea contenido como a quien lo consume.
Verificadores de contraste de color
Calculan la relación de contraste entre texto y fondo y señalan si cumple el nivel AA o AAA de las pautas WCAG antes de publicar el diseño.
Lectores de pantalla
NVDA y JAWS en Windows, VoiceOver en Apple y TalkBack en Android convierten el contenido en voz o braille; probar con ellos revela barreras invisibles.
Extensiones de auditoría automatizada
Analizan la página en el navegador y reportan atributos faltantes, encabezados desordenados y contrastes insuficientes con explicaciones y referencias.
Ampliadores y personalización de lectura
Lupas de pantalla, modos de lectura, tipografías de alta legibilidad y control de espaciado permiten adaptar el contenido a cada necesidad visual o cognitiva.
Recibe nuestros recursos de accesibilidad
Un resumen mensual con guías nuevas, listas de verificación y novedades sobre inclusión digital.
Demostración visual: este formulario no está habilitado y no envía ni almacena ningún dato.
Acerca de Web Para Todos
Somos un proyecto editorial independiente que traduce las pautas internacionales de accesibilidad a un lenguaje comprensible para equipos de diseño, desarrollo, comunicación y para cualquier persona interesada en una internet más justa. No vendemos productos ni servicios: publicamos material educativo de acceso libre.
La accesibilidad no es una función adicional: es la condición para que una persona ciega pueda comprar en línea, para que alguien sordo entienda un video institucional y para que una persona con movilidad reducida complete un trámite sin depender de terceros.