Comprensible Legible Nivel AAA WCAG 2.0, 2.1, 2.2

3.1.4 Abreviaturas

Meta Los usuarios pueden identificar y aprender qué significan las abreviaturas.
Qué hacer Proporcionar la forma expandida de abreviaturas a los usuarios mediante texto, enlaces o el elemento abbr.
Por qué importa Algunas personas, incluidas aquellas con discapacidades cognitivas, pueden no entender la forma abreviada de las palabras.

Criterio de éxito oficial

3.1.4 Abreviaturas Nivel AAA

Está disponible un mecanismo para identificar la forma expandida o el significado de las abreviaturas.

¿Qué es?

Las abreviaturas (siglas, acrónimos y formas acortadas) son difíciles de comprender si el usuario no conoce su forma expandida. Un mecanismo puede ser tan simple como escribir la forma completa la primera vez, usar el elemento <abbr> con el atributo title, o enlazar a un glosario.

Tres patrones de expansión de abreviaturas

Patrón A — Nombre completo + sigla

Web Content Accessibility Guidelines (WCAG) establecen los criterios de accesibilidad web. A partir de este punto, se usará WCAG para referirse a ellas.

Patrón B — Sigla + nombre completo

La API (Interfaz de Programación de Aplicaciones) del servicio permite integrar los datos en tu aplicación.

Patrón C — Elemento <abbr title="...">

El protocolo <abbr title="HyperText Transfer Protocol Secure">HTTPS</abbr> cifra la comunicación entre el navegador y el servidor.

Abreviaturas especialmente confusas

Algunas abreviaturas son particularmente problemáticas porque tienen múltiples significados o porque su pronunciación es contraintuitiva para los lectores de pantalla:

Abreviaturas que requieren atención especial

Dr.
↓ ¿Qué significa aquí?
Doctor / Drive
Según contexto (título médico o tipo de calle)
St.
↓ ¿Qué significa aquí?
Saint / Street / State
Tres posibles significados en inglés
MVP
↓ ¿Qué significa aquí?
Most Valuable Player / Minimum Viable Product
Deportes vs. desarrollo de producto
JAWS
↓ Lector de pantalla
Job Access With Speech
Acrónimo no pronunciado como palabra común
SMIL
↓ Tecnología web
Synchronized Multimedia Integration Language
Se pronuncia «smile»
e.g.
↓ Del latín
Exempli gratia (por ejemplo)
Abreviatura latina de uso frecuente

¿Por qué es importante?

Las abreviaturas pueden hacer el texto más compacto para quienes ya las conocen, pero crean barreras reales para quienes no. Los lectores de pantalla pueden pronunciar una sigla letra por letra («U-E-I») o como una palabra («wei»), resultando en texto incomprensible si el usuario no sabe cuál es la forma completa.

Las personas con discapacidades cognitivas, usuarios no nativos del idioma y cualquier persona nueva en un área temática se benefician enormemente de que las abreviaturas estén explicadas.

¿Quién se ve afectado?

Personas con discapacidades cognitivas: El procesamiento de abreviaturas desconocidas requiere memoria de trabajo adicional, que puede estar limitada.

Personas ciegas: Los lectores de pantalla pronuncian las abreviaturas de formas impredecibles. Conocer la forma completa permite al usuario confirmar qué acrónimo se está usando.

Cómo implementar 3.1.4

H28: el elemento <abbr> con atributo title

El método semánticamente correcto en HTML es usar el elemento <abbr> con el atributo title que contiene la forma expandida.

HTML
<abbr title="Web Content Accessibility Guidelines">WCAG</abbr>

<abbr title="HyperText Transfer Protocol Secure">HTTPS</abbr>

<abbr title="Interfaz de Programación de Aplicaciones">API</abbr>

G97: nombre completo en el primer uso

La primera vez que aparece la abreviatura en la página, proporciona la forma completa seguida de la abreviatura entre paréntesis (o viceversa). En usos posteriores puede usarse solo la abreviatura.

G55: enlace a glosario

Para sitios con muchas abreviaturas, un glosario centralizado al que se enlaza desde cada término es una solución escalable y de fácil mantenimiento.

G102: proporcionar el nombre completo

En contextos donde las abreviaturas aparecen repetidamente, proporcionar una nota inicial que enumere todas las abreviaturas usadas y sus formas completas.

Ejemplos prácticos

Correcto Sigla con abbr y title

Un artículo sobre accesibilidad usa <abbr title="Accessibility Rich Internet Applications">ARIA</abbr>. Los lectores de pantalla anuncian la forma expandida cuando el usuario solicita más información.

Correcto Primer uso con forma completa

Un informe introduce «Organización Mundial de la Salud (OMS)» en el primer uso. El resto del documento usa «OMS» libremente.

Fallo Documento lleno de siglas sin explicar

Un informe gubernamental usa decenas de acrónimos sin glosario ni definición en el primer uso. Un usuario con discapacidad cognitiva o nuevo en el área no puede seguir el documento.

Técnicas recomendadas

Técnicas suficientes para CE 3.1.4
CódigoTécnicaTipo
G55Enlazar definiciones desde los términos abreviadosSuficiente
G65Proporcionar un glosario de abreviaturasSuficiente
G97Proporcionar la forma expandida en el primer usoSuficiente
H28Proporcionar las definiciones de abreviaturas con el elemento <abbr>Suficiente
G102Proporcionar el nombre completo de las siglas y abreviaturasSuficiente

Errores comunes

  • Usar siglas y acrónimos sin proporcionar ningún mecanismo para conocer su significado.
  • Usar <abbr> sin el atributo title.
  • Solo proporcionar la forma expandida visualmente (en imagen) sin equivalente de texto.
  • Proporcionar la expansión solo en páginas introductorias pero no en páginas de detalle que pueden accederse directamente.
  • Reutilizar la misma abreviatura con significados diferentes en el mismo sitio sin aclararlo.

Criterios de éxito relacionados