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.

Herramientas

Herramientas

Para una primera revisión de accesibilidad no necesitas programas de pago ni formación especial. Casi todo lo necesario ya está en tu navegador, tu ordenador y tu móvil. Si sabes dónde se activa, en media hora puedes encontrar la mayoría de los obstáculos evidentes de tu página.

La prueba más honesta es intentar usar la web como la usan otras personas: sin ratón, con letra grande o de oído.

— Desde la redacción

Cómo funciona esta sección: describimos tipos de ayudas, no programas ni extensiones concretos. Los nombres de los menús cambian de un dispositivo a otro, pero las funciones en sí existen en casi cualquier sistema y navegador actual.

Lo que te hará falta

Un pequeño kit que basta para ver tu web con los ojos de visitantes muy distintos.

Zoom integrado del navegador

Cualquier navegador permite ampliar la página. Amplíala al doble y fíjate en si el texto se corta, si los bloques se solapan o si desaparece el menú.

Soluciones

Teclado

El tabulador mueve el foco hacia delante; junto con la tecla de mayúsculas, hacia atrás; la tecla Intro activa el enlace o el botón. Si algo no se puede usar sin ratón, mucha gente lo notará.

Guías

Modo de alto contraste del sistema

En los ajustes de accesibilidad del ordenador y del móvil hay un modo de alto contraste. Actívalo y comprueba que no desaparecen los iconos, los bordes de los campos ni los contornos de los botones.

Comparativas

Lector de pantalla integrado

Los móviles y los ordenadores incluyen una función que lee la pantalla en voz alta. Escucha tu página de inicio: ¿se entienden los enlaces, están descritas las imágenes, se anuncian los botones?

Describir fotos (en ruso)

Comprobador de contraste de colores

Hay muchos comprobadores que, a partir de dos colores, te dan su relación de contraste. Compara el resultado con los umbrales de WCAG: 4,5:1 para el texto normal y 3:1 para el grande.

Glosario

Validador de código

Un validador del código de la página señala elementos sin cerrar, identificadores repetidos y otros errores que hacen que los programas de apoyo interpreten mal la página.

Riesgos

  • 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.

  • 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.

  • 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.

  • Glosario

    Glosario de términos: accesibilidad, WCAG, GOST R 52872-2019, contraste, texto alternativo, foco, lector de pantalla, subtítulos y lenguaje sencillo.

  • Riesgos

    Trampas de accesibilidad: captchas imposibles, mensajes que desaparecen, parpadeos, tiempos de espera cortos, documentos escaneados y «superposiciones» que prometen arreglarlo todo.

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.