Wpget: cómo hacer una web cómoda para todo el mundo

Por dónde empezar

Secciones de la guía

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

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

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

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

• Riesgos

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

• Glosario

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

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

Revisa tu web en cinco pasos

1. Recorre la página con el tabulador

   Deja el ratón a un lado y pulsa la tecla de tabulación para avanzar desde el principio hasta el final de la página. En todo momento deberías ver qué elemento está seleccionado y poder llegar a todos los enlaces, botones y campos en un orden lógico.

2. Amplía la página al doble

   Amplía la página al doble con el zoom del navegador y desplázate por ella. El texto no debe cortarse ni montarse sobre los bloques vecinos, y el menú y los botones tienen que seguir en su sitio y funcionando.

3. Comprueba el contraste

   Compara el color del texto principal con el del fondo usando cualquier comprobador de contraste. Para el nivel AA, el texto normal necesita al menos 4,5:1, y el texto grande, al menos 3:1.

4. Fíjate en los encabezados

   Anota los encabezados de la página en orden, como si fueran un índice. Si con esa lista se entiende de qué va la página y dónde está cada cosa, la estructura es correcta; si no hay encabezados o se eligieron por el tamaño de la letra, conviene arreglarla.

5. Revisa las etiquetas del formulario

   Haz clic en la etiqueta de cada campo: si está bien asociada, el cursor salta al campo. Asegúrate también de que las etiquetas se ven siempre y no desaparecen en cuanto alguien empieza a escribir.

Lo esencial, en pocas palabras

Sobre el proyecto

Esta referencia no tiene ninguna relación con el sitio que antes ocupaba este dominio. Sus contenidos no se han conservado y no se reproducen aquí.

Escribimos para quienes gestionan o redactan webs pequeñas y quieren que todo el mundo pueda usar sus páginas. Aquí no encontrarás programas, creadores de webs ni empresas concretas: solo principios y comprobaciones que sirven para cualquier sitio.

Te puede interesar

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

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

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

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

• Glosario

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