Una web accesible está diseñada para ser inclusiva para el mayor número posible de usuarios, incluidas las personas con discapacidad que dependen de la tecnología de asistencia para navegar por la web. En esta guía te mostramos cómo asegurarte de que tu web es accesible.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro AI AssistantEste vídeo está en inglés.
YouTube ofrece funciones de traducción automática para que puedas verlo en tu idioma:
Para subtítulos automáticos:
- Reproduce el vídeo.
- Haz clic en ⚙️ Ajustes (abajo a la derecha).
- Elige Subtítulos/CC → Traducción automática.
- Selecciona tu idioma.
Para audio doblado automáticamente (experimental):
- Haz clic en ⚙️ Ajustes.
- Selecciona Pista de audio.
- Selecciona el idioma en el que quieras escuchar el vídeo.
ℹ️ Las traducciones y doblajes son generados por Google, pueden no ser perfectos y aún no están disponibles para todos los idiomas.
Al crear tu web, puedes hacer algunas acciones para garantizar que tu contenido sea accesible.
No todos los visitantes de tu web pueden ver las imágenes. Algunas personas con discapacidad visual usan herramientas llamadas lectores de pantalla para navegar por la web.
Para ayudar a las personas con discapacidad visual, añade un texto alternativo (comúnmente denominado «alt text») que describa lo que se muestra en la imagen.
En el editor de WordPress, puedes añadir textos alternativos en los ajustes del bloque Imagen, el bloque Galería, el bloque Portada y el bloque Medios y texto.
Los rastreadores de motores de búsqueda también leen el texto alternativo para reconocer el contenido de una imagen, por lo que el texto alternativo tiene el beneficio adicional de mejorar el SEO.
Cuando insertes una imagen, considera la posibilidad de escribir una leyenda para mejorar la experiencia de lectura para todos, especialmente para los espectadores que no pueden ver la imagen.
Puedes ser creativo con leyendas de imágenes. Si bien el texto alternativo debería ser más factual, las leyendas pueden ayudar a transmitir la sensación de la imagen.
Por ejemplo, en lugar de «Mi hijo en su columpio», prueba con «Mi hijo está jugando en su columpio favorito. Su rostro está lleno de pura alegría en un hermoso día de primavera. Perfección».
Al añadir enlaces en tu texto, ayuda ser descriptivo en el texto enlazado. Por ejemplo, «Haz clic aquí» no es tan explicativo como «Ponte en contacto conmigo».
Utiliza encabezados generosamente en tus páginas y entradas para que sea más fácil para los lectores seguir tu contenido (especialmente en páginas largas de contenido).
Al usar encabezados, notarás que cada encabezado tiene un nivel del 1 al 6. Si insertas un tamaño de encabezado incorrecto, se resaltará en el contorno de la página para que puedas corregirlo. Para ver el contorno de la página, abre la vista de lista y selecciona la pestaña de contorno:
Evita los estilos y tamaños de fuente que dificulten la lectura de tu sitio. Además, presta atención a los colores muy contrastados, es decir, la diferencia entre la oscuridad de tu texto y la claridad de tu fondo.
Los ajustes de color mostrarán un mensaje de advertencia cuando detecte malas opciones de contraste de color:
Si tu sitio incluye contenido de vídeo o audio, considera la posibilidad de añadir leyendas cerradas o incluir transcripciones (documentar la voz, los sonidos y las acciones que se ven en pantalla).
Lo mejor es que el contenido de vídeo y audio no se reproduzca automáticamente, pero si eso no es posible, las opciones para pausar o ajustar el volumen deberían ser obvias en la página.
WordPress.com busca garantizar que todos nuestros temas sean accesibles. Sin embargo, algunos temas pueden incluir características adicionales que agregan complejidad al sitio que pueden comprometer ciertos aspectos de accesibilidad.
Si esto es especialmente preocupante, puedes encontrar los temas que hemos probado para garantizar la accesibilidad aquí: Temas preparados para la accesibilidad. Si no estás seguro de qué tema usar para un sitio accesible, los temas aquí son una opción segura.
En WordPress.com, nos comprometemos a ser lo más inclusivos y accesibles posible. Seguimos los estándares de diseño web y las mejores prácticas al crear funciones y temas. Buscamos constantemente nuevas formas de abordar preocupaciones específicas a medida que evolucionan las tecnologías web.
Si bien nos esforzamos por hacer que WordPress.com sea totalmente accesible, el cumplimiento de regulaciones específicas como la ADA y la Sección 508 está en última instancia en manos del propietario del sitio web. Proporcionamos una plataforma accesible, pero los propietarios del sitio determinan un sitio web accesible y su conocimiento de los consejos de accesibilidad en esta página.
Puedes probar temas específicos para cumplir con estas directrices usando una herramienta como la herramienta de accesibilidad web de WAVE. Para los sitios que requieren un cumplimiento del 100 %, recomendamos probar el tema que elijas utilizando la página de demostración del tema, como Twenty Twenty-Four o Twenty Twenty-Five.
