Cómo hacer que su sitio web de WordPress sea accesible

Publicado: 2021-10-18

Comprender y utilizar correctamente la accesibilidad de WordPress es vital para la usabilidad de su sitio. Si es nuevo en este tema, la accesibilidad es exactamente lo que parece: el grado en que cualquier persona puede acceder y usar algo por completo.

“La accesibilidad es la práctica de hacer que sus sitios web sean utilizables por tantas personas como sea posible. Tradicionalmente pensamos que esto 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 usan dispositivos móviles o aquellos con conexiones de red lentas”. (fuente)

Cuanto más accesible sea su sitio, más personas podrán usarlo. Cuando un sitio es menos accesible, o cuando no se prioriza la accesibilidad, una parte de su audiencia se ve disuadida o completamente impedida de obtener toda la información que su sitio tiene para ofrecer.

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

¡Empecemos!

Consulte nuestra guía en video sobre la accesibilidad del sitio web

Qué significa la accesibilidad web

Accesibilidad web significa que un sitio web está diseñado y desarrollado para que todas las personas puedan usarlo. Esto incluye cómo entienden, navegan, interactúan y contribuyen al sitio web.

Una buena manera de definir y comprender completamente la accesibilidad web es romper algunos de sus mitos.

Cuanto más accesible sea su sitio, más personas podrán usarlo. Es así de simple. Obtenga más información en esta guía. Haz clic para twittear

Mito uno: es solo para ciegos

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

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

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

Mito dos: es una moda pasajera o una tendencia

Lo más probable es que haya escuchado más y más acerca de la accesibilidad web en los últimos años. A medida que la web crece y más y más personas confían en ella, la accesibilidad web se está convirtiendo en un problema más urgente. Pero no se trata sólo de una moda pasajera.

“La accesibilidad digital es un derecho civil y un derecho humano de las personas con discapacidad en todo el mundo”.
Lainey Feingold, abogada de derechos de personas con discapacidad y autora

A medida que pasa el tiempo y el uso de la web se vuelve más omnipresente, también lo hace la necesidad de una accesibilidad web generalizada. Cuando un sitio web no es completamente accesible de acuerdo con las pautas de WCAG, las personas pueden emprender acciones legales contra el desarrollador o propietario del sitio web.

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

Un gráfico que muestra la cantidad de demandas relacionadas con la accesibilidad aumenta cada año que pasa.
El número de demandas relacionadas con la accesibilidad solo aumenta con cada año que pasa.

La accesibilidad web ha llegado para quedarse. A medida que desarrollamos software y sitios web, necesitamos incorporar la accesibilidad web en nuestros procesos para avanzar. Esto es necesario no solo porque a nadie le gusta que lo demanden, sino porque Internet debe satisfacer las necesidades de todas las personas, sin importar cuáles sean esas necesidades.

Mito tres: puede automatizar completamente la accesibilidad

Una vez que comprenda por qué la accesibilidad es importante, y que puede haber consecuencias por no priorizarla, es posible que tenga prisa por asegurarse de que su sitio web cumpla con las WCAG.

Uno de los mitos más populares sobre la accesibilidad web es que puede descargar un complemento simple o instalar un software que, con un chasquido de dedos, hace que su sitio sea completamente accesible. Esto es simplemente imposible.

Según a11yproject.com, los problemas de accesibilidad son objetivos o subjetivos. Los problemas objetivos pueden detectarse mediante el 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 superpuestas son soluciones de software automatizadas que, como sabemos, solo pueden detectar ~30 % de los problemas de WCAG en primer lugar. Esto se debe a que las WCAG son matizadas e interpretativas. Las máquinas no son buenas en esto”. (fuente)

Recuerde que la accesibilidad no se trata de evitar riesgos, sino de brindar experiencias optimizadas para todos los usuarios.

Directrices de accesibilidad del contenido web

La Iniciativa de Accesibilidad Web ha desarrollado un conjunto de Pautas de Accesibilidad al Contenido Web (WCAG) que pueden ayudarlo a garantizar que su sitio cumpla con las normas y sea totalmente accesible. Si diseña, desarrolla o respalda un sitio web, debe estar muy familiarizado con estas pautas.

La accesibilidad no es solo un enfoque para los desarrolladores, sino también para los diseñadores, los especialistas en marketing, los escritores de contenido, los administradores de proyectos y más. La accesibilidad debe ser una prioridad durante todo el proceso de construcción del sitio, desde la planificación hasta el lanzamiento. También debe mejorar continuamente la accesibilidad de un sitio web después de que se haya lanzado.

Qué tan accesible está WordPress listo para usar

Esta es una de las grandes preguntas que muchas personas hacen cuando consideran WordPress como una opción de creación de sitios: ¿Qué tan accesible es ya y cuánto trabajo hay que hacer para que WordPress sea accesible? Dado que no hay una respuesta en blanco y negro para esto, veamos el grado en que ya se puede acceder a WordPress.

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

El manual de accesibilidad de WordPress contiene varias páginas de información sobre mejores prácticas, pruebas, herramientas, temas y más.
El manual de accesibilidad de WordPress.

Además, muchas personas en la comunidad de WordPress son apasionadas y vocales sobre estos temas. Cada nuevo tema predeterminado de WordPress toma medidas adicionales para volverse 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. Como resultado, nunca estará solo en su viaje de accesibilidad de WordPress.

Si está interesado en obtener más información sobre WordPress y la accesibilidad directamente de los miembros de la comunidad, visite WordPress.tv y vea estas charlas sobre accesibilidad.

Donde WordPress pierde la marca

A pesar de los avances recientes, WordPress no siempre es 100% accesible desde el primer momento. Cada lanzamiento de WordPress enfrenta algunas críticas en términos de dónde se queda corto. A principios de 2019, WPCampus realizó una auditoría exhaustiva del último lanzamiento de Gutenberg en ese momento. Un trabajo como este es increíblemente importante; desde esa auditoría, se han cerrado 116 asuntos relacionados con la accesibilidad.

Puede ser difícil para los creadores de contenido deshabilitados publicar con WordPress. Debido a que 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 completamente del desarrollador que crea el sitio. Un tema pobre o complementos inaccesibles marcan la diferencia. El administrador ha seguido mejorando: ha sido un camino difícil mover el editor de Gutenberg hacia una mejor accesibilidad, pero se están logrando avances. Dicho esto, es una batalla constante evitar las regresiones de accesibilidad con cualquier componente de interfaz nuevo”. (fuente)

Entonces, ¿qué significa esto para ti como desarrollador o diseñador de WordPress? Su viaje a un sitio web totalmente accesible es un poco más corto cuando comienza con WordPress. Sin embargo, todavía queda algo de distancia por recorrer antes de llegar a la meta.

Cómo hacer un sitio web de WordPress accesible

Ahora, veamos los pasos que puede seguir para asegurarse de que un sitio web de WordPress sea accesible para todos los usuarios.

Pase lo que pase, nunca deje la accesibilidad como una tarea para abordar al final del proyecto. Debe ser una prioridad integrada desde el principio de su proceso. Y debería ser un objetivo continuo una vez que se lanza el sitio.

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

Crear un sitio web accesible es como construir un edificio seguro: claro, hay pautas, pero la atención individual, el mantenimiento y las renovaciones bien pensadas son esenciales para garantizar que alcance la meta.

Mejores prácticas de diseño accesible

Comencemos 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 sobre accesibilidad.

Imágenes

Todas las imágenes de su sitio deben ser accesibles para todos los usuarios. Dado que no todos los usuarios pueden ver imágenes, algunos pueden usar tecnología de asistencia para comprender los elementos visuales y, por lo tanto, su sitio debería estar listo para trabajar con esa tecnología.

El texto alternativo (o "alt") es una descripción escrita que se adjunta a una imagen. Los lectores de pantalla leerán esa descripción en voz alta a cualquier invitado que no vea la imagen. Se debe usar texto alternativo para cualquier imagen que brinde información útil en la página. Esto incluye todo, desde fotos hasta íconos e infografías.

En este ejemplo de WordPress.com, el ejemplo del sitio web en la página de inicio viene con el texto alternativo "Imagen de una página de inicio fácil de crear".
Demostración de texto alternativo.

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

Al escribir texto alternativo, recuerda no describir la imagen tal como es. En su lugar, comunica lo que significa la imagen dentro del contexto de la página. Aquí hay algunas buenas pautas para ayudarlo a escribir un excelente texto alternativo:

  • Corto y simple es lo mejor.
  • 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 qué sucederá 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.

Agregar texto alternativo a las imágenes en su sitio web de WordPress es más fácil de lo que piensa. Puede agregar este texto en el mismo lugar donde agregaría el título de una imagen.

Abra su biblioteca de medios y seleccione la imagen que desea editar. Se abrirá la pantalla Configuración para esa imagen. En el campo Texto alternativo , agregue su texto alternativo, luego haga clic en Guardar :

El lugar para el texto alternativo está claramente marcado en la biblioteca de medios de WordPress y se puede editar en cualquier momento.
Campo de texto alternativo.

Colores

Al diseñar un sitio accesible, es esencial proporcionar un contraste de color adecuado. Un contraste de color deficiente puede afectar la legibilidad de sus sitios en numerosos casos, como para usuarios con problemas de visión, usuarios daltónicos o personas que usan ciertos dispositivos. Las imágenes, el texto y los 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 contra el otro o muy cerca. Por ejemplo, el texto negro sobre fondo blanco tiene un contraste de color mucho mayor (21:1) que el texto amarillo sobre fondo blanco (1,08:1). WCAG 2.0 AA requiere una proporción mínima de 4,5:1 para texto normal y 3:1 para texto más grande (18 px en negrita o 24 px estándar y más grandes).

¿Qué significa eso exactamente? La forma más sencilla de determinar si sus colores funcionan bien juntos es insertarlos en una herramienta de prueba de contraste, como WebAIM Contrast Checker. Hay toneladas de herramientas de verificación gratuitas en línea.

Consulte nuestra sección de pruebas para obtener más información sobre las pruebas de colores.

A medida que pruebe más y más combinaciones de colores, podrá determinar mejor a simple vista qué combinaciones de colores funcionan y cuáles no.

Una demostración de la herramienta WebAIM Contrast Checker.
El comprobador de contraste WebAIM.

También debe asegurarse de evitar el uso del color como factor distintivo principal. Por ejemplo, muchos sitios tienen enlaces que son de un color diferente al del texto del cuerpo 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. Use color para embellecer un enlace, pero agregue un subrayado debajo del texto para que el enlace sea accesible.

Texto

Gran parte de lo que experimentamos en la web es texto. Usamos sitios web para leer artículos, recetas, historias y mucho más. ¡Estás leyendo este post ahora mismo! Como resultado, el texto debe optimizarse para todos los lectores, ya sea que lean con los ojos o con los oídos.

Hay dos formas principales de discutir el texto cuando se habla de accesibilidad: fuentes y tamaños.

Una fuente accesible es fácil de leer en tamaños pequeños y grandes. Las 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 ciertas fuentes, incluidas muchas fuentes serif. Las fuentes sans-serif para el cuerpo del texto tienden a ser una opción más segura. Es mejor evitar fuentes de visualización, como estilos de escritura a mano o cursiva, a menos que el texto sea grande, escaso y en su mayoría decorativo.

Un ejemplo de una fuente accesible, donde las diferencias en las letras hacen que las palabras sean más fáciles de leer.
Con una fuente accesible, las diferencias en las letras hacen que las palabras sean más fáciles de leer.

El tamaño de la fuente es increíblemente importante para la accesibilidad. Analicemos algunas reglas generales en lo que respecta al tamaño de fuente accesible.

Las fuentes predeterminadas deben tener al menos 9 puntos o 12 píxeles. Se recomienda 12pt o 16px. De acuerdo con 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 fuente. Utilizar diferentes pesos de fuente está bien, pero asegúrese de que si su texto usa un peso ligero, sea lo suficientemente grande como para verlo.

Este no es el final de todo sobre cómo diseñar teniendo en cuenta la accesibilidad. Pero es vital saber por dónde empezar. Si desea leer un poco más sobre el diseño para la accesibilidad, consulte estos recursos:

  • Diseño Web y Aplicaciones W3C
  • Introducción a la accesibilidad web para diseñadores
  • Diseñar para la accesibilidad no es tan difícil
  • 10 ejemplos de diseño web accesible que cumple con ADA
  • Accesibilidad en Diseño

Mejores Prácticas de Desarrollo Accesible

Al crear un sitio web o su software complementario (como temas y complementos), hay cosas importantes a tener en cuenta para la accesibilidad. Parte de esto se superpone con el diseño, pero la siguiente sección se centra principalmente en cómo funciona su sitio y cómo interactuará su usuario con él.

Elementos interactivos

Los usuarios deben poder interactuar y utilizar su sitio web con relativa facilidad, pase lo que pase. Esto no solo incluye disfrutar de imágenes y leer texto, sino también interactuar con menús, formularios, botones y videos.

Al crear su sitio, asegúrese de que todos los elementos interactivos se puedan identificar fácilmente. Todos los menús de navegación, desde el encabezado hasta el pie de página, deben poder usarse con los controles del teclado. La apariencia de los enlaces y botones al pasar el hover , focus y click debería cambiar.

Los estilos de un botón normal en el que no se ha hecho clic deben ser diferentes de los de un botón cuando se pasa el mouse sobre él, así como del botón cuando se ha hecho clic en él.
Estilos de botones.

La navegación por las páginas de su sitio debe ser coherente y clara. El nombre, el estilo y la posición de los enlaces de navegación son increíblemente importantes. Las migas de pan bien pensadas y los encabezados claros permitirán a los usuarios interactuar con su contenido con confianza.

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

Lo más probable es que tenga uno o dos formularios en su sitio web. Es posible que se sorprenda al descubrir cuántos formularios son inaccesibles. Los elementos de su formulario deben incluir etiquetas asociadas, ya sea a la izquierda o encima del campo. (Las casillas de verificación y los cuadros de radio pueden ir a la derecha). Debe quedar muy claro para los usuarios para qué sirve cada campo de formulario.

¿Necesita alojamiento ultrarrápido, confiable y totalmente seguro para su sitio de WordPress? Kinsta proporciona todo esto y soporte de clase mundial las 24 horas, los 7 días de la semana por parte de expertos en WordPress. Consulta nuestros planes

Los bordes de los campos de texto hacen que un formulario sea más accesible. Quitar los bordes puede hacer que sea más confuso qué campo es cuál.
Los bordes de los campos de texto hacen que un formulario sea más accesible.

Si tiene contenido en su sitio que se reproduce automáticamente, como un GIF, control deslizante, carrusel, video o música, debe haber controles visibles que permitan al usuario detener la animación o el sonido. Es mejor proporcionar opciones para detener, pausar u ocultar el elemento por completo.

Si es un desarrollador que desea profundizar en el desarrollo para la accesibilidad web, consulte estos consejos directamente del W3C.

Temas de WordPress

Si usted es un creador de sitios web de bricolaje, puede lograr mucho de lo que se analiza en esta publicación eligiendo un tema accesible. Es importante que los desarrolladores entiendan qué hace que un tema sea accesible para priorizarlo en sus proyectos.

Los temas de WordPress controlan el aspecto de su sitio web. Muchos temas vienen empaquetados con combinaciones de colores y familias de fuentes. Es imperativo asegurarse de que esos colores y fuentes cumplan con los requisitos descritos anteriormente. Muchos temas se comercializan a sí mismos como "totalmente accesibles", pero esto no siempre es cierto. Utilice sus 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 usar ahora mismo.

Al crear un tema accesible, asegúrese de estar familiarizado con los requisitos de las WCAG desde el principio. Las áreas comunes que se abordarán durante el desarrollo incluyen:

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

Asegúrese de marcar las pautas de accesibilidad de WordPress para una fácil referencia cuando comience a crear su tema.

Complementos de WordPress

Los complementos de WordPress le permiten agregar la funcionalidad plug-and-play a su sitio web de WordPress. Hay dos tipos de complementos de accesibilidad de WordPress: aquellos que lo ayudan a crear un sitio web accesible y hacen que un sitio existente sea accesible para los usuarios.

Tenga en cuenta los complementos de WordPress que le brindan garantías como "accesibilidad con un clic" o "accesible automáticamente". Estas cosas son imposibles. Los complementos son herramientas que pueden ayudarlo a lograr sus objetivos de accesibilidad, no varitas mágicas que hacen todo el trabajo por usted. A veces, los complementos pueden incluso obstaculizar sus esfuerzos de accesibilidad, ¡así que proceda con precaución!

Hay toneladas de complementos enfocados en la accesibilidad que prometen mejorar, monitorear o remediar los problemas de accesibilidad. Es posible que auditen el sitio y le informen dónde realizar mejoras. O pueden proporcionar herramientas de interfaz para facilitar la creación de una experiencia accesible en su sitio.

Algunos de estos son muy útiles. Otros, sin embargo, ofrecen falsas promesas. Siempre asegúrese de examinar a fondo un complemento como este antes de comprometerse con él.

Algunos complementos crean contenido interactivo, como cuestionarios y controles deslizantes. Como se discutió anteriormente, estos elementos necesitan atención y pruebas especiales para garantizar que sean totalmente accesibles. Siempre pruebe a fondo un complemento interactivo en un sitio de prueba o desarrollo antes de publicarlo.

Lo mismo puede decirse de los complementos de formulario. Desafortunadamente, muchos tienen problemas de accesibilidad. Si encuentra que este es el caso, los formularios codificados a medida son una buena alternativa.

Una categoría popular de complementos son los complementos de creación de páginas. Estos son excelentes para permitirle crear 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 sola solución para este problema, así que mantenga su diseño simple y asegúrese de probar todos los elementos para confirmar la accesibilidad.

Declaraciones de accesibilidad

Una declaración de accesibilidad es una página de su sitio web en la que comunica sus políticas internas, objetivos de accesibilidad y éxitos pasados ​​relacionados con el trabajo con personas con discapacidades.

Debe generar y publicar una declaración de accesibilidad en su sitio web de WordPress por las siguientes razones:

  • Para mostrar a sus usuarios que se preocupa por la accesibilidad y por ellos
  • Para proporcionar información sobre la accesibilidad de su contenido
  • Demostrar compromiso con la accesibilidad y la responsabilidad social

Puede escribir su propia declaración de accesibilidad siguiendo estas pautas proporcionadas por W3C o utilizando un generador de declaraciones de accesibilidad.

Cómo probar la accesibilidad del sitio de WordPress

La accesibilidad no se trata de presionar los botones correctos y luego alejarse. Las pruebas son una parte vital para garantizar que un sitio sea completamente accesible. Tanto las pruebas automáticas como las manuales pueden ayudarlo a asegurarse de que tiene todas las bases cubiertas.

Cómo realizar pruebas automatizadas

Las pruebas automatizadas son útiles para medir por dónde empezar. Si es nuevo en accesibilidad o no está seguro de por dónde empezar, comience con pruebas y evaluaciones automáticas.

La mayoría de las pruebas automatizadas identificarán cosas como un contraste de color deficiente, falta de texto alternativo, enlaces vacíos, problemas con elementos estructurales, etc. Puede utilizar estas pruebas para generar una lista de problemas a abordar. Pruebas como estas son especialmente útiles para encontrar errores basados ​​en código que pueden ser menos visibles a simple vista, pero que serán importantes para algunos de sus usuarios.

Un ejemplo de una prueba de accesibilidad gratuita que puede utilizar es la herramienta WebAim. Examina toda su página web y genera una lista de errores. Incluso le mostrará exactamente en qué parte de la página ocurren esos errores.

Cuando inserta una URL en la herramienta WebAim, obtiene un Resumen de errores, así como los elementos desglosados ​​en pestañas individuales.
Herramienta WebAim que muestra un resumen de errores.

Puede encontrar toneladas de herramientas de accesibilidad individuales para ayudar con problemas específicos. Por ejemplo, use un verificador de contraste antes de comenzar a diseñar para asegurarse de que los colores en su paleta combinen bien juntos.

Solo recuerde que ninguna prueba automatizada es perfecta, infalible o un sustituto de la prueba manual.

Cómo realizar pruebas manuales

Debido a que la accesibilidad de WordPress se trata de casos de uso humanos reales, los humanos reales deben ser 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? Aquí hay algunas cosas que puede hacer para probar qué tan accesible es un sitio sin herramientas o programas sofisticados o costosos:

  1. Olvídese del mouse: asegúrese de que puede navegar de manera razonable y fácil por todas las funciones de su sitio web usando solo las teclas de su teclado. Esto incluye moverse entre secciones, acceder a los menús, pasar de una página a otra, saltar una página hacia abajo e interactuar con enlaces y formularios.
  2. Usa un lector de pantalla: ponte en el lugar de alguien que tiene poca o poca visibilidad. Use una aplicación de lector de pantalla o un sitio web y revise el contenido de su sitio para asegurarse de que aún tenga sentido y suene fluido cuando se lea en voz alta.
  3. Pruebe el sitio en diferentes entornos: vaya a algún lugar con Wi-Fi público para asegurarse de que su sitio se cargue correctamente sin una conexión a Internet de alta calidad. Tome nota de las áreas del sitio que se retrasan o desaparecen por completo con una mala conexión.
  4. Aumente el zoom: abra su sitio en un navegador y use la configuración del navegador para acercar el 200%. ¿Aún puede usar, navegar e interactuar con el sitio en esta configuración? ¿Hay contenido que desaparece o se corta?
  5. Concéntrese en la interactividad: asegúrese de pasar mucho tiempo probando elementos interactivos como videos, formularios y botones. Los enlaces y los campos de formulario siempre deben estar enfocados con un contorno, un subrayado o un cursor especial.
  6. Vuelva a verificar sus etiquetas alternativas: si no está seguro de si una imagen tiene o no una imagen alternativa adjunta, use la herramienta Inspeccionar elemento para confirmar.
  7. Piense diferente: si todas las imágenes de su sitio desaparecieran, ¿alguien podría seguir usándolo? Si todos los colores de su sitio de repente se pusieran en blanco y negro, ¿cómo afectaría eso a la usabilidad? Asegúrese de que las partes esenciales de su sitio seguirán funcionando si los elementos decorativos se ven afectados de alguna manera.

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

No olvides que tu audiencia de la vida real es uno de tus mejores recursos. Tenga un área clara en su sitio donde los usuarios puedan proporcionar comentarios sobre accesibilidad. Si alguien tiene dificultades para usar su sitio, debe quedar claro por sus esfuerzos en la recopilación de comentarios que está abierto a escuchar sobre esa experiencia y rectificar el problema.

¿Es su sitio web accesible para todos los visitantes? Obtenga más información sobre cómo puede probar la accesibilidad en esta guía ️ Haga clic para twittear

Resumen

Internet se ha convertido en una de las herramientas más importantes en nuestra vida diaria. Todos deben tener la libertad de acceder a él, ya sea buscando entretenimiento o información esencial. Su sitio tiene la responsabilidad de cumplir con los estándares establecidos para la equidad en la web.

Comprender la necesidad de esas pautas 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 su sitio web tiene para ofrecer a largo plazo.

¿Te queda alguna pregunta sobre la accesibilidad de WordPress? ¡Infórmenos en la sección para comentarios!