Recursos y glosario de accesibilidad web

Esta página te sirve como punto de referencia para la terminología de accesibilidad, estándares oficiales, herramientas y aprendizaje adicional. Guárdala en favoritos y vuelve cuando necesites consultar un concepto o encontrar un recurso.

Glosario de términos de accesibilidad web

Árbol de accesibilidad — Una representación simplificada del DOM que los navegadores crean para las tecnologías de asistencia. Contiene la información semántica sobre los elementos de la página — sus nombres, roles, estados y propiedades — que los lectores de pantalla y otras tecnologías de asistencia utilizan para presentar el contenido a los usuarios.

Texto alternativo (Alt Text) — Una descripción textual del contenido no textual, más comúnmente imágenes. El texto alternativo es leído en voz alta por los lectores de pantalla y se muestra cuando las imágenes no se cargan. Debe describir el propósito o contenido de la imagen, no simplemente su apariencia visual.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Una especificación del W3C que proporciona atributos HTML adicionales para mejorar la accesibilidad del contenido web dinámico y los widgets personalizados. ARIA añade información semántica para las tecnologías de asistencia cuando la semántica nativa de HTML es insuficiente.

Tecnología de asistencia — Hardware o software que las personas con discapacidad utilizan para interactuar con el contenido digital. Ejemplos incluyen lectores de pantalla (JAWS, NVDA, VoiceOver), ampliadores de pantalla, teclados alternativos, dispositivos de conmutación, software de reconocimiento de voz y sistemas de seguimiento ocular.

Conformidad — El grado en que el contenido digital cumple los requisitos de un nivel WCAG específico. La conformidad total a un nivel dado significa que todos los criterios de conformidad de ese nivel e inferiores se satisfacen para la página completa.

EAA (European Accessibility Act) — Directiva UE 2019/882 que exige la accesibilidad de productos y servicios, incluyendo comercio electrónico, banca, transporte y telecomunicaciones. Aplicable desde el 28 de junio de 2025.

EN 301 549 — La norma europea armonizada para la accesibilidad TIC. Incorpora WCAG para el contenido web y proporciona requisitos adicionales para software, documentos, hardware y tecnologías de comunicación. La conformidad con EN 301 549 crea una presunción de conformidad con el EAA.

Indicador de foco — Un indicador visual (normalmente un contorno o resaltado) que muestra qué elemento de la página tiene actualmente el foco del teclado. Esencial para la navegación por teclado.

Landmark — Una región de una página que ha sido identificada como teniendo un propósito estructural específico, permitiendo a los usuarios de tecnologías de asistencia navegar directamente a ella. Los landmarks comunes incluyen banner, navigation, main, complementary y contentinfo. Se crean a través de elementos de sección HTML5 o roles landmark ARIA.

Región en vivo — Un área de una página web que se actualiza dinámicamente y cuyos cambios deben ser anunciados por las tecnologías de asistencia sin que el usuario necesite navegar a esa área. Se define usando el atributo aria-live con valores "polite" (anunciado en la siguiente pausa conveniente) o "assertive" (anunciado inmediatamente).

POUR — Los cuatro principios de WCAG: Perceptible, Operable, Comprensible, Robusto. Todas las directrices y criterios de conformidad de WCAG se organizan bajo estos principios.

Lector de pantalla — Software de tecnología de asistencia que convierte el contenido de la pantalla en salida de voz o braille. Los lectores de pantalla interpretan el árbol de accesibilidad para presentar el contenido, navegar por la estructura de la página e interactuar con los controles.

HTML semántico — Marcado HTML que transmite significado sobre el contenido que contiene, a diferencia de simplemente definir su apariencia. Utilizar <nav> en lugar de <div class="nav">, <button> en lugar de <span onclick>, y <h2> en lugar de <div class="heading"> son ejemplos de HTML semántico.

Skip link — Un mecanismo de navegación, normalmente el primer elemento enfocable de una página, que permite a los usuarios de teclado omitir bloques repetidos de contenido (como menús de navegación) y saltar directamente al contenido principal.

Criterio de conformidad — Un requisito específico y verificable dentro de WCAG. Cada criterio de conformidad tiene asignado un número (p. ej., 1.4.3), un nombre descriptivo (Contraste – Mínimo) y un nivel de conformidad (A, AA o AAA).

VPAT (Voluntary Product Accessibility Template) — Un formato de documento estandarizado utilizado para describir cómo un producto o servicio cumple con los estándares de accesibilidad. Los VPAT son comúnmente requeridos en los procesos de adquisición, particularmente en el sector público de EE. UU.

WCAG (Web Content Accessibility Guidelines) — El estándar internacional de accesibilidad web publicado por el W3C. La versión actual es WCAG 2.2, que contiene 86 criterios de conformidad organizados bajo cuatro principios y trece directrices.

Estándares y especificaciones oficiales

• WCAG 2.2 — La Recomendación W3C actual para la accesibilidad del contenido web: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Explicaciones detalladas de cada criterio de conformidad: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Técnicas de implementación específicas: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — La especificación ARIA actual: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Patrones de implementación para widgets accesibles: w3.org/WAI/ARIA/apg/
• EN 301 549 — Norma europea de accesibilidad TIC
• European Accessibility Act — Directiva 2019/882 texto completo

Herramientas de pruebas

Herramientas automatizadas gratuitas: extensión de navegador axe DevTools, extensión de navegador WAVE, Google Lighthouse (integrado en Chrome), IBM Equal Access Accessibility Checker, Pa11y (línea de comandos).

Verificadores de contraste: WebAIM Contrast Checker, Colour Contrast Analyser (aplicación de escritorio), selector de color de Chrome DevTools con ratio de contraste.

Lectores de pantalla para pruebas: NVDA (gratuito, Windows), VoiceOver (integrado en macOS e iOS), TalkBack (integrado en Android), JAWS (comercial, Windows).

Herramientas de desarrollo del navegador: panel de Accesibilidad de Chrome, Inspector de Accesibilidad de Firefox, funciones de accesibilidad de Edge DevTools.

Aprendizaje adicional

• W3C Web Accessibility Initiative (WAI) — La fuente más autorizada de orientación y estándares de accesibilidad: w3.org/WAI/
• WebAIM — Recursos prácticos de accesibilidad y formación: webaim.org
• The A11Y Project — Recurso de accesibilidad impulsado por la comunidad: a11yproject.com
• Deque University — Cursos gratuitos de accesibilidad y certificación: dequeuniversity.com