Referencia independiente sobre la accesibilidad de sitios web. No hacemos webs por encargo ni vendemos alojamiento; no tenemos relación con el sitio que antes ocupaba este dominio.

Glosario

Glosario de términos

Cuando se habla de accesibilidad aparecen muchas palabras que suenan técnicas pero significan cosas sencillas. Hemos reunido las más útiles y las explicamos en pocas palabras, para que las pautas y los consejos ajenos dejen de parecer un código secreto y puedas hablar con calma de los cambios con quien mantiene tu web.

Cuando entiendes qué es el foco, empiezas a notar cuántas veces lo esconden.

— Desde la redacción

Cómo funciona esta sección: cada definición está escrita en palabras sencillas y pensada para una web pequeña corriente. Las normas en sí son más complejas, pero para dar los primeros pasos este nivel suele bastar.

Conceptos básicos y normas

Accesibilidad
Cualidad de una web que pueden usar todas las personas, incluidas las personas con discapacidad, las personas mayores y quienes se encuentran en una situación incómoda: con una sola mano libre, sin sonido o a pleno sol.
WCAG
Pautas internacionales de accesibilidad para el contenido web, elaboradas por el consorcio W3C. La versión vigente, WCAG 2.2, se publicó en octubre de 2023. Se basan en cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto; los niveles de conformidad son A, AA y AAA.
GOST R 52872-2019
Norma nacional rusa sobre requisitos de accesibilidad de los recursos de internet, las aplicaciones y otras interfaces de usuario para las personas con discapacidad y otras personas con limitaciones funcionales. Entró en vigor el 1 de abril de 2020 y se basa en WCAG 2.1. Muchos países tienen sus propias normas de accesibilidad, así que conviene que consultes las que se aplican en el tuyo.
Lenguaje sencillo
Forma de escribir para que el texto se entienda a la primera: frases cortas, palabras conocidas, una idea por párrafo y lo importante al principio. Ayuda a todo el mundo, sobre todo a quien lee en una lengua que no es la suya o está cansado.

Texto e imágenes

Contraste
Diferencia de luminosidad entre el texto y el fondo, expresada como una relación. Para el nivel AA, el texto normal necesita al menos 4,5:1, y el texto grande, al menos 3:1.
Texto alternativo
Descripción breve de una imagen, escondida en el código. La lee el lector de pantalla y la muestra el navegador si la imagen no carga. En las imágenes decorativas se deja vacío.
Código semántico
Código en el que cada elemento se marca según su función: un encabezado como encabezado, una lista como lista, un botón como botón. Gracias a él, los programas de apoyo entienden cómo está organizada la página.
Encabezados de la página
Jerarquía de encabezados de distintos niveles que funciona como un índice. Quienes usan lector de pantalla a menudo se mueven precisamente por los encabezados, así que se eligen por su sentido y no por el tamaño de la letra.

Manejo, sonido y vídeo

Foco
Marca que señala el elemento de la página que está seleccionado y se activará al pulsar una tecla. Suele verse como un recuadro alrededor de un enlace, un botón o un campo, y debe ser bien visible.
Lector de pantalla
Programa que lee en voz alta el contenido de la pantalla y permite manejar el dispositivo con el teclado o con gestos. Viene integrado en la mayoría de los móviles y ordenadores; lo usan sobre todo las personas ciegas y con baja visión.
Subtítulos
Texto de lo que se dice y de los sonidos relevantes, que aparece sobre el vídeo sincronizado con él. Los necesitan las personas que no oyen y cualquiera que mire sin sonido.
Transcripción
Texto completo de una grabación de audio o vídeo, publicado aparte: qué se dice, quién lo dice y qué ocurre de importante en la imagen. Se puede leer al propio ritmo y buscar en él.
  • Herramientas

    Cómo revisar tu web por tu cuenta: zoom del navegador, teclado, modo de alto contraste, lector de pantalla integrado, comprobación de colores y validador de código.

  • Guías

    Guías paso a paso: cómo hacer legible el texto, comprensible la página gracias a sus encabezados y cómodo para todos el formulario de contacto. Incluye el catálogo de artículos.

  • Comparativas

    Niveles de conformidad A, AA y AAA; texto alternativo, pie de foto y transcripción; subtítulos, transcripción y lengua de signos, en tablas comparativas.

  • Preguntas

    Respuestas a dudas frecuentes sobre esta guía, el texto y las imágenes, los formularios, los vídeos y cómo revisar la accesibilidad de tu web sin ser especialista.

  • Soluciones

    Qué hacer si no se ve el foco, el texto no cabe al ampliar, un botón no tiene nombre, los errores del formulario no se entienden o un vídeo no tiene subtítulos.

Fuentes

  • W3C: pautas WCAG 2.2
  • GOST R 52872-2019 (norma rusa)
  • Materiales editoriales de Wpget

La información se presenta en términos generales y a fecha de elaboración. Las pautas, los navegadores y los hábitos de los lectores cambian poco a poco, así que, ante cualquier duda, consulta las fuentes originales: el texto de las pautas WCAG y la norma rusa vigente GOST R 52872-2019.