Entender y utilizar adecuadamente la accesibilidad de WordPress es vital para la usabilidad de tu sitio. Si eres nuevo en este tema, la accesibilidad es justo lo que suena: el grado en que cualquier persona puede acceder y usar plenamente algo.

«La accesibilidad es la práctica de hacer que tus sitios web sean utilizables por el mayor número de personas posible. Tradicionalmente pensamos que se trata de personas con discapacidades, pero la práctica de hacer que los sitios sean accesibles también beneficia a otros grupos, como los que utilizan dispositivos móviles o los que tienen conexiones de red lentas.» (fuente)

Cuanto más accesible sea tu sitio, más gente podrá usarlo. Cuando un sitio es menos accesible, o cuando no se da prioridad a la accesibilidad, una parte de tu audiencia se ve disuadida o se le impide completamente obtener toda la información que tu sitio ofrece.

En esta entrada, hablaremos de por qué es importante la accesibilidad, qué significa, el grado en que WordPress ya es accesible, cómo los creadores de sitios pueden hacerlos accesibles y cómo probar la accesibilidad de un sitio.

¡Empecemos!

Consulta Nuestro Videotutorial sobre la Accesibilidad Web

Qué Significa la Accesibilidad Web

La accesibilidad web significa que un sitio web está diseñado y desarrollado para que todas las personas puedan utilizarlo. Esto incluye la forma en que entienden, navegan, interactúan y contribuyen al sitio web.

Una buena manera de definir y comprender plenamente la accesibilidad web es acabar con algunos de sus mitos.

Primer Mito: Es Solo Para Los Ciegos

Un sitio web totalmente accesible debe poder ser utilizado por personas con discapacidades auditivas, cognitivas, neurológicas, físicas, del habla y visuales. Las personas con discapacidades son el principal objetivo de los esfuerzos de accesibilidad. Sin embargo, no son las únicas personas que se benefician de un sitio web accesible.

La accesibilidad de la web mejora la experiencia del usuario para todos los siguientes tipos de personas y situaciones:

  • Alguien que utiliza dispositivos móviles con pantallas más pequeñas y modos de entrada variados.
  • Personas con capacidades, visión o movilidad limitadas por el envejecimiento.
  • Alguien con una dificultad temporal como una mano lesionada.
  • Una persona que usa el sitio en una zona con iluminación que puede cambiar el contraste de su pantalla.
  • Alguien que accede al sitio con una conexión a Internet o un ancho de banda limitados.

Segundo Mito: Es una Moda o Tendencia

Es probable que en los últimos años hayas oído hablar cada vez más de la accesibilidad de la web. Como la web está creciendo y cada vez hay más gente que se apoya en ella, la accesibilidad web se está convirtiendo en una cuestión más urgente. Pero no es solo una moda.

«La accesibilidad digital es un derecho civil y un derecho humano de los discapacitados de todo el mundo».
Lainey Feingold, abogada de derechos de los discapacitados y autora

A medida que pasa el tiempo y el uso de la web se hace más omnipresente, también lo hace la necesidad de generalizar la accesibilidad de la web. Cuando un sitio web no es totalmente accesible según las directrices WCAG, los particulares pueden emprender acciones legales contra el desarrollador o propietario del sitio web.

Basta con echar un vistazo al número de demandas en torno a la accesibilidad web para entender la seriedad con la que la gente se está tomando esto. El número de demandas de 2017 a 2018 casi se ha triplicado. Desde entonces, ese número ha alcanzado una media de 2.345 demandas al año. Incluso durante la pandemia de COVID-19 a lo largo de 2020, el número de demandas de accesibilidad al sitio web del Título III de la ADA en los tribunales federales aumentó al 12% con respecto al año anterior.

El número de demandas relacionadas con la accesibilidad no hace más que aumentar cada año.
El número de demandas relacionadas con la accesibilidad no hace más que aumentar cada año.

La accesibilidad web ha llegado para quedarse. A medida que desarrollamos software y sitios web, tenemos que incorporar la accesibilidad web a nuestros procesos de cara al futuro. Esto es necesario no solo porque a nadie le gusta que le demanden, sino porque Internet tiene que satisfacer las necesidades de todas las personas, sean cuales sean.

Tercer Mito: Se Puede Automatizar Totalmente la Accesibilidad

Una vez que entiendas por qué la accesibilidad es importante -y que puede haber consecuencias por no darle prioridad-, puede que tengas prisa por asegurarte de que tu sitio web es compatible con las WCAG.

Uno de los mitos más populares sobre la accesibilidad de la web es que se puede descargar un simple plugin o instalar un software que, con un chasquido de dedos, haga que tu sitio sea totalmente accesible. Esto es sencillamente imposible.

Según a11yproject.com, los problemas de accesibilidad son objetivos o subjetivos. Los problemas objetivos pueden detectarse mediante código, y los subjetivos requieren el juicio humano. El código nunca puede resolver con precisión los problemas que caen en la última categoría, y los intentos de hacerlo a menudo causan más daño que bien en el proceso.

«Las soluciones de superposición son soluciones de software automatizadas que, como sabemos, solo pueden detectar el ~30% de los problemas de las WCAG en primer lugar. Esto se debe a que las WCAG son matizadas e interpretativas. Las máquinas no son buenas en esto». (fuente)

Recuerda que la accesibilidad no consiste en evitar riesgos, sino en ofrecer experiencias optimizadas a todos los usuarios.

Directrices de Accesibilidad al Contenido de la Web

La Iniciativa de Accesibilidad a la Web ha desarrollado un conjunto de Directrices de Accesibilidad al Contenido en la Web (WCAG) que pueden ayudarte a garantizar que tu sitio web cumpla con las normas y sea totalmente accesible. Si diseñas, desarrollas o das soporte a un sitio web, deberías estar muy familiarizado con estas directrices.

La accesibilidad no es solo un tema de interés para los desarrolladores, sino también para los diseñadores, los responsables de marketing, los redactores de contenidos y los gestores de proyectos, entre otros. La accesibilidad debe ser una prioridad a lo largo de todo el proceso de creación del sitio, desde la planificación hasta el lanzamiento. También hay que mejorar continuamente la accesibilidad de un sitio web después de su puesta en marcha.

Cómo de Accesible es WordPress Fuera de la Caja

Esta es una de las grandes preguntas que se hace mucha gente cuando considera a WordPress como una opción para construir un sitio: ¿Hasta qué punto es ya accesible, y cuánto trabajo hay que hacer para que WordPress sea accesible? Como no hay una respuesta en blanco y negro para esto, veamos el grado en que WordPress ya es accesible.

Donde WordPress Hace Bien la Accesibilidad

La buena noticia es que, con el tiempo, WordPress se ha vuelto cada vez más accesible. Cada versión da pequeños pasos y avances teniendo en cuenta la accesibilidad. A medida que la accesibilidad se convierte en un tema más amplio en la mente de más personas, más personas pueden priorizarla.

Manual de accesibilidad de WordPress.
Manual de accesibilidad de WordPress.

Además, muchas personas de la comunidad de WordPress son apasionadas y se manifiestan sobre estos temas. Cada nuevo tema por defecto de WordPress da pasos adicionales para ser más accesible. Los desarrolladores están creando nuevas herramientas de asistencia y escribiendo guías y artículos sobre la accesibilidad de WordPress todo el tiempo. Por lo tanto, nunca estarás solo en tu viaje por la accesibilidad de WordPress.

Si estás interesado en aprender más sobre WordPress y la accesibilidad directamente de los miembros de la comunidad, visita WordPress.tv y mira estas charlas sobre accesibilidad.

Dónde Falla WordPress

A pesar de los recientes avances, WordPress no siempre es 100% accesible. Cada versión de WordPress se enfrenta a algunas críticas en términos de dónde se queda corto. A principios de 2019, WPCampus realizó una extensa auditoría de la versión más reciente de Gutenberg en ese momento. Un trabajo como este es increíblemente importante; desde esa auditoría, se han cerrado 116 problemas relacionados con la accesibilidad.

Para los creadores de contenidos discapacitados puede resultar difícil publicar con WordPress. Como es imposible automatizar todas las facetas de diseño y desarrollo accesibles, cualquiera puede crear páginas web inaccesibles con WordPress.

«El front-end de WordPress está más o menos en el mismo lugar que ha estado durante años: perfectamente capaz de ser accesible, pero depende totalmente del desarrollador que construye el sitio. Un tema pobre o unos plug-ins inaccesibles marcan la diferencia. El administrador ha seguido mejorando: ha sido un camino difícil para hacer avanzar el editor Gutenberg hacia una mejor accesibilidad, sin embargo se están haciendo progresos. Dicho esto, es una batalla constante para evitar regresiones de accesibilidad con cualquier nuevo componente de la interfaz.» (fuente)

¿Qué significa esto para ti como desarrollador o diseñador de WordPress? Tu viaje hacia un sitio web totalmente accesible es un poco más corto cuando empieza con WordPress. Sin embargo, aún queda un trecho por recorrer antes de llegar a la meta.

Cómo Hacer un Sitio Web de WordPress Accesible

Ahora, vamos a entrar en los pasos que puedes dar para asegurarte de que un sitio web de WordPress es accesible para todos los usuarios.

Pase lo que pase, nunca dejes la accesibilidad como una tarea que se aborda al final del proyecto. Debe ser una prioridad integrada desde el principio del proceso. Y debe ser un objetivo continuo una vez que el sitio se haya lanzado.

No existe una lista de comprobación única que se pueda seguir o automatizar para garantizar el 100% de la accesibilidad. Gran parte del trabajo depende de tus plugins, tema y contenido.

Crear un sitio web accesible es como construir un edificio seguro: seguro que hay directrices, pero la atención individual, el mantenimiento y las renovaciones cuidadosas son esenciales para garantizar que se alcance el objetivo.

Buenas Prácticas de Diseño Accesible

Empecemos con algunas de las mejores prácticas de diseño accesible para sitios web de WordPress, desglosadas por tipo. Esta información debería servir como una base sólida para su educación en materia de accesibilidad.

Imágenes

Todas las imágenes de tu sitio deben ser accesibles para todos los usuarios. Dado que no todos los usuarios pueden ver imágenes, algunos pueden utilizar tecnología de asistencia para entender los elementos visuales, por lo que tu sitio debe estar preparado para funcionar con esa tecnología.

El texto alternativo (o «alt») es una descripción escrita que adjuntas a una imagen. Los lectores de pantalla leerán esa descripción en voz alta a cualquier visitante que no pueda ver la imagen. El texto alternativo debe usarse para cualquier imagen que proporcione información útil en la página. Esto incluye todo, desde fotos hasta iconos e infografías.

Demostración de texto alternativo.
Demostración de texto alternativo.

La única excepción es si una imagen se considera puramente «decorativa». Las imágenes de fondo, los separadores o las imágenes que muestran el texto presentado en la propia página no necesitan necesariamente un texto alternativo.

Cuando escribas el texto alternativo, recuerda que no debes describir la imagen tal y como es. En su lugar, comunica lo que significa la imagen dentro del contexto de la página. Estas son algunas buenas pautas que te ayudarán a escribir un excelente texto alternativo:

  • Lo mejor es que sea corto y sencillo.
  • Los lectores de pantalla comunicarán que se trata de una imagen, así que evita decir «Esta es una imagen de…» en tu texto alternativo.
  • Si la imagen es un enlace, el texto alternativo debe explicar lo que ocurrirá si el usuario selecciona esa imagen.
  • El texto alternativo debe incluir cualquier texto que aparezca en la imagen. La excepción es cuando ese mismo texto también aparece cerca de la imagen, como en un pie de foto.

Añadir texto alternativo a las imágenes de tu sitio web de WordPress es más fácil de lo que cree. Puedes añadir este texto en el mismo lugar en el que añadirías el pie de foto de una imagen.

Abre tu biblioteca de medios y selecciona la imagen que quieres editar. Se abrirá la pantalla de configuración de esa imagen. En el campo Texto alternativo, añade el texto alternativo y haz clic en Guardar:

Campo de texto alternativo.
Campo de texto alternativo.

Colores

Cuando se diseña un sitio accesible, es esencial proporcionar un contraste de color adecuado. Un contraste de color deficiente puede afectar a la legibilidad de tus sitios en numerosos casos, como para los usuarios con problemas de visión, los daltónicos o las personas que utilizan determinados dispositivos. Las imágenes, el texto y elementos como los botones necesitan un contraste de color adecuado.

El contraste de color se refiere a cómo aparecen los colores brillantes u oscuros cuando se colocan uno frente al otro o muy cerca de él. Por ejemplo, un texto negro sobre fondo blanco tiene un contraste de color mucho mayor (21:1) que un texto amarillo sobre fondo blanco (1,08:1). Las WCAG 2.0 AA exigen una relación mínima de 4,5:1 para el texto normal y de 3:1 para el texto de mayor tamaño (negrita de 18px o estándar de 24px y superior).

¿Qué significa esto exactamente? La forma más sencilla de determinar si tus colores funcionan bien juntos es introducirlos en una herramienta de comprobación de contraste, como el Comprobador de Contraste de WebAIM. Hay toneladas de herramientas de revisión gratuitas en línea.

Consulta nuestra sección de pruebas para saber más sobre las pruebas de colores.

A medida que vayas probando más y más combinaciones de colores, mejorarás para determinar solo con la vista qué combinaciones de colores funcionan y cuáles no.

El comprobador de contraste de WebAIM.
El comprobador de contraste de WebAIM.

También debes asegurarte de evitar el uso del color como factor distintivo principal. Por ejemplo, muchos sitios tienen enlaces de un color diferente al del cuerpo del texto que los rodea. Sin embargo, si el color es difícil de ver para un usuario por alguna razón, podría ser imposible para ellos diferenciar entre una palabra vinculada y una palabra no vinculada. Utiliza el color para embellecer un enlace, pero añade un subrayado debajo del texto para que el enlace sea accesible.

Texto

Gran parte de lo que experimentamos en la web es texto. Usamos los sitios web para leer artículos, recetas, historias y mucho más. Ahora mismo estás leyendo este post. Por ello, el texto debe estar optimizado para todos los lectores, tanto si leen con los ojos como con los oídos.

Hay dos formas principales de hablar del texto cuando se habla de accesibilidad: las fuentes y los tamaños.

Una fuente accesible es fácil de leer en tamaños pequeños y grandes. Fuentes como Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab y Rockwell son opciones accesibles. Los lectores con dislexia pueden tener dificultades para leer ciertos tipos de letra, incluidos muchos tipos de letra con serifa. Las fuentes sin serifa para el cuerpo del texto suelen ser una opción más segura. Es mejor evitar los tipos de letra de visualización -como los estilos de escritura a mano o cursiva– a menos que el texto sea grande, escaso y principalmente decorativo.

Con un tipo de letra accesible, las diferencias entre las letras facilitan la lectura de las palabras.
Con un tipo de letra accesible, las diferencias entre las letras facilitan la lectura de las palabras.

El tamaño de las fuentes es increíblemente importante para la accesibilidad. Vamos a discutir algunas reglas generales cuando se trata de tamaño de la fuente accesible.

Las fuentes por defecto deben ser de al menos 9pt o 12px. Se recomienda 12pt o 16px. Según las directrices WCAG, el texto debe poder leerse cuando se amplía al 200%. Se recomienda utilizar porcentajes o em en lugar de píxeles o puntos para establecer el tamaño de la fuente. Utilizar distintos pesos de fuente está bien, pero asegúrate de que si tu texto utiliza un peso ligero, sea lo suficientemente grande para poder verlo.

Esto no es lo único que hay que hacer para diseñar teniendo en cuenta la accesibilidad. Sin embargo es fundamental saber por dónde empezar. Si quieres profundizar en el diseño para la accesibilidad, consulta estos recursos:

Mejores Prácticas de Desarrollo Accesible

Cuando se construye un sitio web o su software complementario (como temas y plugins), hay cosas importantes que hay que tener en cuenta para la accesibilidad. Algunas de ellas se solapan con el diseño, no obstante esta sección siguiente se centra principalmente en el funcionamiento de tu sitio y en cómo el usuario interactuará con él.

Elementos Interactivos

Los usuarios deben ser capaces de interactuar con tu sitio web y utilizarlo con relativa facilidad, sea como sea. Esto no solo incluye disfrutar de las imágenes y leer el texto, sino interactuar con los menús, los formularios, los botones y los vídeos.

Al construir tu sitio, asegúrate de que todos los elementos interactivos puedan identificarse fácilmente. Todos los menús de navegación, desde la cabecera hasta el pie de página, deben poder usarse con controles de teclado. El aspecto de los enlaces y botones al hover, focus y click debe cambiar.

Estilos de botones.
Estilos de botones.

La navegación en las páginas de tu sitio debe ser coherente y clara. La forma de nombrar, estilizar y posicionar los enlaces de navegación es increíblemente importante. Unas migas de pan bien pensadas y unos títulos claros permitirán a los usuarios interactuar con tu contenido con confianza.

Kinsta utiliza migas de pan para ayudar a los lectores a navegar más fácilmente por nuestro blog.
Kinsta utiliza migas de pan para ayudar a los lectores a navegar más fácilmente por nuestro blog.

Es probable que tengas uno o dos formularios en tu sitio web. Te sorprendería descubrir cuántos formularios son inaccesibles. Los elementos de tus formularios deben incluir etiquetas asociadas, ya sea a la izquierda o encima del campo. (Las casillas de verificación y las casillas de radio pueden ir a la derecha.) Debe quedar muy claro para los usuarios para qué sirve cada campo del formulario.

Los bordes de los campos de texto hacen que un formulario sea más accesible.
Los bordes de los campos de texto hacen que un formulario sea más accesible.

Si tienes algún contenido en tu sitio que se reproduzca automáticamente, como un GIF, un deslizador, un carrusel, un vídeo o música, debe haber controles visibles que permitan al usuario detener la animación o el sonido. Lo mejor es ofrecer opciones para detener, pausar u ocultar el elemento por completo.

Si eres un desarrollador que quiere profundizar en el desarrollo de la accesibilidad web, consulta estos consejos directamente del W3C.

Temas de WordPress

Si eres un constructor de sitios web DIY, puedes lograr mucho de lo que se discute en este post eligiendo un tema accesible. Es importante que los desarrolladores entiendan qué hace que un tema sea accesible para darle prioridad en sus proyectos.

Los temas de WordPress controlan el aspecto de tu sitio web. Muchos temas vienen preempaquetados con esquemas de color y familias de fuentes. Es imprescindible asegurarse de que esos colores y tipos de letra cumplen los requisitos indicados anteriormente. Muchos temas se anuncian como «totalmente accesibles», pero esto no siempre es cierto. Utiliza tus propias pruebas para determinar si un tema es accesible o no.

El equipo de accesibilidad de WordPress.com ha preparado una lista de 92 temas gratuitos en el repositorio de WordPress que puedes empezar a utilizar ahora mismo.

Al crear un tema accesible, asegúrate de conocer los requisitos WCAG desde el principio. Entre las áreas más comunes que deben abordarse durante el desarrollo se encuentran:

  • Contraste de color adecuado dentro de las paletas de color preestablecidas
  • La capacidad de navegar por el sitio web fácilmente con un teclado
  • Usar los roles ARIA y/o los puntos de referencia HTML5 adecuados para garantizar una experiencia preparada para lectores de pantalla
  • Marcado semántico HTML adecuado
  • Evitar la repetición de identificadores en una página
  • Permite a los usuarios detener o controlar cualquier movimiento automático

Asegúrate de marcar las directrices de accesibilidad de WordPress para facilitar su consulta cuando empieces a crear tu tema.

Plugins de WordPress

Los plugins de WordPress te permiten añadir funcionalidad plug-and-play a tu sitio web de WordPress. Hay dos tipos de plugins de accesibilidad para WordPress: los que ayudan a crear un sitio web accesible y los que hacen que un sitio existente sea accesible para los usuarios.

Ten cuidado con los plugins de WordPress que te ofrecen garantías como «accesibilidad con un solo clic» o «automáticamente accesible». Estas cosas son imposibles. Los plugins son herramientas que pueden ayudarte a conseguir tus objetivos de accesibilidad, no varitas mágicas que hagan todo el trabajo por ti. A veces, los plugins pueden incluso obstaculizar tus esfuerzos de accesibilidad, así que procede con cierta precaución.

Hay montones de plugins centrados en la accesibilidad que prometen mejorar, supervisar o remediar los problemas de accesibilidad. Puede que auditen el sitio y te indiquen dónde hacer mejoras. O pueden proporcionar herramientas frontend para facilitar la creación de una experiencia accesible en tu sitio.

Algunas son muy útiles. Otros, sin embargo, ofrecen falsas promesas. Asegúrate siempre de investigar a fondo un plugin como este antes de comprometerte con él.

Algunos plugins crean contenidos interactivos, como cuestionarios y deslizadores. Como ya se ha dicho, estos elementos requieren una atención especial y pruebas para asegurar que son totalmente accesibles. Prueba siempre a fondo un plugin interactivo en un sitio de ensayo o de desarrollo antes de ponerlo en marcha.

Lo mismo puede decirse de los plugins de formularios. Por desgracia, muchos tienen problemas de accesibilidad. Si este es el caso, los formularios codificados a medida son una buena alternativa.

Una categoría popular de plugins es la de los constructores de páginas. Estos son geniales para permitirte construir diseños robustos y sofisticados de arrastrar y soltar rápidamente. Sin embargo, a menudo pueden introducir más problemas de accesibilidad de los que resuelven. No hay una solución única para este problema, así que mantén un diseño sencillo y asegúrate de probar todos los elementos para confirmar la accesibilidad.

Declaraciones de Accesibilidad

Una declaración de accesibilidad es una página de tu sitio web en la que comunicas tus políticas internas, tus objetivos de accesibilidad y tus éxitos pasados en relación con el trabajo con personas con discapacidad.

Deberías generar y publicar una declaración de accesibilidad en tu sitio web de WordPress por las siguientes razones:

  • Para mostrar a tus usuarios que te preocupas por la accesibilidad y por ellos
  • Para proporcionar información sobre la accesibilidad de tus contenidos
  • Demostrar el compromiso con la accesibilidad y la responsabilidad social

Puedes escribir tu propia declaración de accesibilidad siguiendo estas directrices proporcionadas por el W3C o utilizando un generador de declaraciones de accesibilidad.

Cómo Probar la Accesibilidad del Sitio de WordPress

La accesibilidad no consiste en pulsar los botones correctos y luego marcharse. Las pruebas son una parte fundamental para garantizar que un sitio sea totalmente accesible. Tanto las pruebas automatizadas como las manuales pueden ayudarte a asegurarte de que tienes todas las bases cubiertas.

Cómo Realizar Pruebas Automatizadas

Las pruebas automáticas son útiles para saber por dónde empezar. Si eres nuevo en el campo de la accesibilidad o no sabes por dónde empezar, empieza por las pruebas y evaluaciones automáticas.

La mayoría de las pruebas automatizadas identificarán cosas como un mal contraste de colores, falta de texto alternativo, enlaces vacíos, problemas con elementos estructurales, etc. Puedes utilizar estas pruebas para generar una lista de problemas a los que hacer frente. Este tipo de pruebas son especialmente útiles para encontrar errores basados en el código que pueden ser menos visibles a simple vista, pero que serán importantes para algunos de tus usuarios.

Un ejemplo de prueba de accesibilidad gratuita que puedes utilizar es la herramienta WebAim. Examina toda tu página web y genera una lista de errores. Incluso te mostrará exactamente en qué parte de la página se producen esos errores.

Herramienta WebAim que muestra un resumen de errores.
Herramienta WebAim que muestra un resumen de errores.

Puedes encontrar montones de herramientas de accesibilidad individuales que te ayudarán con problemas específicos. Por ejemplo, utiliza un comprobador de contraste antes de empezar a diseñar para asegurarte de que los colores de tu paleta combinan bien.

Recuerda que ninguna prueba automatizada es perfecta, infalible o sustituye a las pruebas manuales.

Cómo Realizar Pruebas Manuales

Dado que la accesibilidad de WordPress tiene que ver con casos de uso humanos reales, deben ser humanos reales los que tengan la última palabra sobre si un sitio es accesible o no. En consecuencia, reservar tiempo y recursos para las pruebas manuales es increíblemente importante.

Entonces, ¿cómo se realiza una prueba manual? He aquí algunas cosas que puedes hacer para comprobar la accesibilidad de un sitio sin necesidad de herramientas o programas sofisticados o caros:

  1. Olvídate del ratón: Asegúrate de que puedes navegar razonable y fácilmente por todas las funciones de tu sitio web utilizando solo las teclas del teclado. Esto incluye moverse entre secciones, acceder a los menús, pasar de una página a otra, saltar de página e interactuar con enlaces y formularios.
  2. Utiliza un lector de pantalla: Ponte en el lugar de alguien con poca o mala visibilidad. Usa una aplicación de lectura de pantalla o un sitio web y revisa el contenido de tu sitio para asegurarte de que sigue teniendo sentido y suena bien cuando se lee en voz alta.
  3. Prueba el sitio en diferentes entornos: Ve a algún sitio con WiFi público para asegurarte de que tu sitio se carga correctamente sin una conexión a Internet de alta calidad. Fíjate en las zonas del sitio que se retrasan o desaparecen por completo con una conexión deficiente.
  4. Aumenta el zoom: Abre tu sitio en un navegador y utiliza la configuración del navegador para ampliarlo en un 200%. ¿Puedes seguir usando, navegando y participando en el sitio con esta configuración? ¿Hay contenidos que desaparecen o se cortan?
  5. Concéntrate en la interactividad: Asegúrate de dedicar mucho tiempo a probar elementos interactivos como vídeos, formularios y botones. Los enlaces y los campos de los formularios deben enfocarse siempre con un contorno, un subrayado o un cursor especial.
  6. Comprueba dos veces tus etiquetas alt: Si no estás seguro de si una imagen tiene o no una imagen alternativa adjunta, utiliza la herramienta Inspeccionar elemento para confirmarlo.
  7. Piénsalo de otra manera: Si todas las imágenes de tu sitio desaparecieran, ¿podría alguien seguir utilizándolo? Si todos los colores de tu web se volvieran de repente en blanco y negro, ¿cómo afectaría eso a la usabilidad? Asegúrate de que las partes esenciales de tu sitio seguirán funcionando si los elementos decorativos se ven afectados de alguna manera.

En caso de duda, ponte en contacto con una empresa que ofrezca pruebas de accesibilidad manual. Los expertos en accesibilidad y diseño y desarrollo web pueden hacer un trabajo rápido de revisión manual y decirte exactamente qué áreas necesitan trabajo.

No olvides que tu público real es uno de tus mejores recursos. Ten un área clara en tu sitio donde los usuarios puedan dar su opinión sobre la accesibilidad. Si alguien tiene dificultades para utilizar tu sitio, debe quedar claro que estás abierto a escuchar esa experiencia y a rectificar el problema.

Resumen

Internet se ha convertido en una de las herramientas más importantes de nuestra vida cotidiana. Todo el mundo tiene que tener la libertad de acceder a ella, ya sea en busca de entretenimiento o de información esencial. Tu sitio tiene la responsabilidad de cumplir las normas establecidas para la equidad en la web.

Comprender la necesidad de esas directrices es el primer paso para lograr un cambio significativo y duradero. Construir un sitio accesible significa que más personas se benefician de lo que tu sitio web tiene que ofrecer a largo plazo.

¿Te queda alguna duda sobre la accesibilidad de WordPress? Háznoslo saber en la sección de comentarios.

Allie Nimmons

Allie Nimmons is a WordPress content writer and producer with 6 years of site building experience. She has published WordPress-focused educational content with Automattic, LinkedIn Learning, GiveWP, GoDaddy, WP Buffs, and iThemes.