Accesibilidad en WordPress

Accesibilidad de WordPress: Cómo crear un sitio web accesible

La accesibilidad en WordPress es un componente importante de la creación de sitios web que no se discute lo suficiente. ¿Cómo de accesible es el popular CMS? ¿Por qué es tan importante la accesibilidad? ¿Y cómo se consigue que el sitio web tuWordPress también sea accesible para todos?

Acceso para todos: datos sobre la accesibilidad

WordPress impulsa más del 35% de los sitios web. Los sitios web de comercio electrónico, las grandes publicaciones en línea, los canales de noticias, los blogs y los sitios web empresariales utilizan WordPress porque es fácil de usar.

Y precisamente porque WordPress es tan popular, tiene una gran influencia en la accesibilidad de la web. Sin embargo, el tema de la accesibilidad no siempre está en primer plano a la hora de desarrollar y rediseñar un sitio web. En cambio, muchos usuarios de WordPress se preocupan por elegir el tema adecuado, mejorar su posicionamiento SEO y asegurarse de que su sitio web se carga rápidamente. No hay nada malo en ello, pero debería ser igual de importante que el sitio web tuWordPress sea accesible para todos. 

Según las estadísticas de Interactive Accessibility, 56 millones de estadounidenses viven con una discapacidad. Además, el Centro de Investigación Pew afirma que el 54% de los adultos con discapacidades en EE.UU. utilizan Internet con regularidad. Y eso es sólo en Estados Unidos. En todo el mundo, estas cifras van en aumento.

Si ignora la cuestión de la accesibilidad, ya está excluyendo al 20% de la población mundial de poder utilizar su sitio web. En resumen, descuidar la accesibilidad no es bueno para tu negocio. Pero lo más importante es que es terrible para crear un mundo más justo y equitativo. 

Así que si alguna vez te has preguntado cómo crear un sitio web accesible con WordPress, esta guía es para ti. Responderemos a algunas preguntas clave, como:

  • ¿Qué es la accesibilidad web?
  • ¿Es accesible WordPress "fuera de la box"?
  • ¿Qué herramientas y plugins te ayudan a crear un sitio web de WordPress accesible?

¿Qué es la accesibilidad web?

La accesibilidad web se refiere a las herramientas que permiten a las personas con discapacidades utilizar y acceder a la web. Esto es especialmente relevante para las discapacidades que pueden afectar al modo en que las personas acceden a la web y la utilizan, entre ellas:

  • Discapacidades visuales
  • Deficiencias acústicas
  • Dificultades lingüísticas
  • Discapacidades cognitivas 
  • Discapacidades neurológicas
  • Incapacidades temporales (como un brazo roto)

Esta lista incluye discapacidades relacionadas con la edad, e incluso discapacidades derivadas de una conexión lenta a Internet. Una de las principales razones por las que la accesibilidad es tan importante es el papel cada vez más importante que desempeña Internet en nuestra vida cotidiana: desde el acceso a la información y las noticias de última hora hasta la compra de alimentos y el contacto con nuestros seres queridos.

Más razones por las que la accesibilidad es importante en Internet: 

Dada la importancia de Internet en el mundo moderno, la web debe ser accesible para todos, independientemente de su estatus o capacidad.

¿Es accesible WordPress "fuera de la box"? 

WordPress no siempre ha sido accesible: Hace apenas unos años, los usuarios que dependían de las tecnologías de asistencia en la web tenían importantes problemas para navegar por el administradorDashboard.

Accesibilidad de WordPress: Cómo crear un sitio web accesible

Muchas cosas han cambiado desde entonces. En primer lugar, un pequeño grupo de voluntarios -el llamado Equipo de Accesibilidad de WordPress- mejoró significativamente la accesibilidad de WordPress.  

Como resultado de su trabajo, el área de administración se ha vuelto mucho más accesible, junto con la biblioteca de medios y el personalizador de temas. Además, se han añadido numerosos atajos de teclado al núcleo de WordPress para agilizar la edición y el formato de las entradas y las páginas. 

Las normas de codificación para la accesibilidad de WordPress se añadieron al manual básico de WordPress en marzo de 2016. Desde entonces, los temas y plugins han tenido que pasar una estricta comprobación de accesibilidad para poder ser clasificados como accesibles.

¿Qué es el Manual del Colaborador Principal?

El manual define las normas de codificación que los desarrolladores de WordPress deben cumplir cuando añaden sus contribuciones al núcleo de WordPress y envían temas y plugins al repositorio oficial.

Aunque se han realizado importantes cambios y mejoras, WordPress todavía tiene que trabajar en el ámbito de la accesibilidad. Aunque WordPress se esfuerza por cumplir con las Directrices de Accesibilidad para Herramientas de Autor (ATAG) 2.0, hay otros problemas que se interponen en el camino de la accesibilidad al 100%: 

  • Los desarrolladores de temas y plugins de terceros no siempre se adhieren a las Directrices de Accesibilidad. Como resultado, la mayoría de los problemas de accesibilidad en WordPress se deben a temas y plugins no accesibles.
  • El nuevo editorGutenberg tenía 90 problemas de accesibilidad en el momento de su lanzamiento. (En el momento de escribir este artículo, sólo quedan 22 cuestiones sin resolver).
Accesibilidad de WordPress: Cómo crear un sitio web accesible

Consejos para sitios web accesibles en WordPress

A la hora de crear un sitio web accesible, existen ciertos principios establecidos en las Directrices de Accesibilidad al Contenido en la Web. Definitivamente, debería utilizarlos para asegurarse de que todo el mundo pueda utilizar el sitio web tuWordPress. 

Lista de comprobación para la accesibilidad del sitio web de WordPress

  • Perceptible: Todos los usuarios deben ser capaces de percibir los componentes de la información y la interfaz de usuario.
  • Utilizable: independientemente del dispositivo que utilicen los usuarios para acceder a tu, los componentes de la interfaz de usuario y la navegación deben ser utilizables.
  • Comprensible: Todos los usuarios deben ser capaces de entender la información y la interfaz de usuario.
  • Robusto: tanto los usuarios como los distintos agentes de usuario (incluidas las tecnologías de asistencia) deben ser capaces de leer y comprender el contenido del sitio web. 

Sobre la base de estos cuatro principios clave, he aquí algunas de las directrices que debe seguir para crear un sitio web accesible con WordPress. 

Directrices para garantizar que el sitio web tuWordPress sea perceptible

  • Los enlaces y los botones no deben distinguirse del resto del contenido sólo por el color.
  • Ofrezca soporte Braille y proporcione alternativas de texto para los contenidos visuales y auditivos, como las imágenes y los vídeos.
  • Ajuste el ancho del texto y el ancho de la línea a tamaños que maximicen la legibilidad.
  • Asegúrese de que hay suficiente contraste entre el texto y el fondo. En otras palabras, por favor, no utilice texto rojo brillante sobre un fondo negro.
  • Los contenidos de audio y vídeo deben incluir transcripciones, subtítulos o lenguaje de signos.
  • Deben evitarse los GIF animados, las animaciones intermitentes y otros contenidos que puedan provocar convulsiones y reacciones físicas.

Pautas para garantizar que el sitio web tuWordPress sea operable

  • Absténgase de utilizar CAPTCHA u ofrezca varias formas de resolverlos, ya que pueden plantear problemas a muchas personas.
  • Los enlaces no deben abrir el contenido en una nueva ventana sin avisar a los usuarios de tuo sin interacción previa tus.
  • Asegúrese de que los usuarios de tupuedan acceder a los botones y elementos de menú (así como a los menús desplegables) mediante el teclado y el ratón. 
  • Los elementos multimedia como el vídeo, el audio, los carruseles o los deslizadores no deben configurarse para que se reproduzcan automáticamente o cambien sin la interacción del usuario.

Pautas para que el sitio web tuWordPress sea comprensible

  • A la hora de diseñar, piense en diferentes ventanas de visualización y cambie la posición y la presentación de los elementos principales en consecuencia.
  • Utilice títulos para definir las diferentes subsecciones de un sitio.
  • Evite utilizar jerga, términos difíciles y abreviaturas. En cambio, asegúrese de que el contenido de tuesté escrito de forma clara y concisa.
  • Los enlaces deben ser descriptivos y tener sentido sin contexto. Por ejemplo, es mejor tener un botón o un enlace con el texto "Aprenda más sobre nuestros servicios" que simplemente "Aprenda más".

Pautas para garantizar la solidez del sitio web tuWordPress

  • Añada enlaces de salto en la parte superior de cada sitio.
  • Asegúrese de que los campos del formulario tutengan las etiquetas adecuadas. tuLos formularios también deben contener mensajes de advertencia y confirmación que sean fáciles de ver para los daltónicos.
  • Verwende tabindex, um ein Element, das normalerweise keinen Fokus erhält, wie zum Beispiel <div> oder <span>, in die Navigationsreihenfolge einzufügen, wenn es für die Interaktion verwendet wird.
  • Los medios descargables, como los documentos PDF o los contenidos de audio o vídeo, deben tener una descripción que indique que se está iniciando una descarga.
  • Los elementos interactivos no estándar, como los acordeones o las pestañas, deben tener un significado de acuerdo con los Roles WAI-ARIA.
Consentimiento*
Este campo es de validación y no debe ser modificado.

Plugins y herramientas de accesibilidad de WordPress

Si sigue las directrices anteriores, tuserá accesible. Sin embargo, no siempre es fácil seguir todas estas normas y directrices.

Afortunadamente, hay una serie de plugins y herramientas para más WordPress que pueden ayudarle a crear sitios web accesibles más rápidamente, sin olvidar pasos importantes. 

Accesibilidad de WP

WP-Accessibility

WP Accessibility es uno de los mejores plugins de accesibilidad de WordPress del repositorio oficial de plugins de WordPress. Tiene una calificación de 5 estrellas y más de 30.000 instalaciones activas. El plugin aborda y corrige problemas comunes de accesibilidad en los temas de WP. 

Características principales de WP Accessibility:

  • Añadir enlaces de salto con destinos personalizados
  • Añadir un contorno al estado de enfoque del teclado
  • Eliminar el índice de pestañas de los elementos enfocables
  • Añadir descripciones largas a las imágenes
  • Forzar atributos alt para las imágenes en el editor clásico

WP Accessibility también corrige problemas de accesibilidad en el núcleo de WordPress, como la eliminación de atributos de título innecesarios en las listas de páginas, listas de categorías y menús de archivos.

El mejor plugin de accesibilidad para WordPress: Empresas con sitios web existentes que quieren mejorar su accesibilidad.

Precio: Puedes descargar WP Accessibility de forma gratuita desde el repositorio oficial. 

Barra de herramientas de AccessibleWP

Barra de herramientas WPAccessible

Labarra de herramientas AccessibleWP, antes conocida como Accessible Poetry, tiene una calificación de 4,5 estrellas y más de 4.000 instalaciones activas. El plugin de WordPress le facilita la habilitación de ciertas funciones y hace que el sitio web tusea más accesible. 

Características principales de la barra de herramientas AccessibleWP:

  • Activar la navegación por teclado para que los usuarios puedan navegar en tuscon su teclado,
  • Los usuarios pueden desactivar las animaciones CSS3
  • Los usuarios pueden cambiar los colores del sitio web por otros con mejor contraste
  • Los usuarios pueden cambiar los colores del sitio web a colores en escala de grises
  • Los usuarios pueden aumentar o disminuir el tamaño de la letra en el sitio web tus.

El mejor plugin de accesibilidad de WordPress para: Empresas que quieren tener un sitio web más accesible pero mantener un esquema de colores y una estética general propios de la marca. 

Precio: Puedes descargar la barra de herramientas AccessibleWP de forma gratuita desde el repositorio oficial. 

Accesibilidad con un solo clic

Accesibilidad con un solo clic

El popular plugin de accesibilidad de WordPress, One Click Accessibility, fue desarrollado originalmente para el framework Pojo y ahora es compatible con todos los temas de WordPress. El plugin tiene una calificación de 4,5 estrellas y más de 30.000 instalaciones activas. 

Características principales de la accesibilidad en un clic: 

  • Los usuarios pueden activar o controlar el tamaño de la letra, el contraste, el subrayado de los enlaces y las fuentes legibles con una barra de herramientas de accesibilidad.
  • Activar los enlaces de omisión
  • Añadir el enfoque del contorno para los elementos enfocables
  • Eliminar los atributos de destino de los enlaces y añadir funciones de referencia

El mejor plugin de accesibilidad para WordPress: Sitios web creados originalmente en el marco de Pojo.

Precio: One Click Accessibility puede descargarse gratuitamente desde el repositorio oficial. 

Ayudante de accesibilidad de WordPress

Ayudante de accesibilidad de WordPress

WordPress Accessibility Helper tiene una calificación de 5 estrellas y más de 10.000 instalaciones activas. El plugin ofrece una versión gratuita con un amplio conjunto de funciones. La versión premium ofrece aún más funciones, como la posibilidad de controlar las ventanas modales y emergentes, añadir acordeones y personalizar los logotipos.

Principales características de WordPress Accessibility Helper

  • Añadir enlaces de omisión
  • Ajuste el tamaño de la letra según sus deseos
  • Compruebe si las páginas y los mensajes contienen errores de accesibilidad
  • Establecer colores personalizados para un contraste mejor o más oscuro
  • Subrayar o resaltar todos los enlaces

El mejor plugin de accesibilidad de WordPress para: Empresas que necesitan un plugin robusto para hacer de la accesibilidad una característica clave de su sitio web y negocio. 

Precio: WordPress Accessibility Helper puede descargarse gratuitamente. Puede adquirir la versión Pro por 80 dólares, que le permite instalar el plugin en un sitio web y recibir tres meses de soporte. 

WP ADA Compliance Check Basic

WP ADA Compliance Check Basic comprueba si el sitio web tutiene problemas de accesibilidad y le proporciona un informe detallado. La evaluación se basa en las Normas de Accesibilidad a la Web según la Sección 508 y WCAG 2.1 NIVEL A/AA. 

Características principales de WP ADA Compliance Check Basic

  • tuEvaluar la accesibilidad del sitio web
  • Ejecutar informes de accesibilidad
  • Obtenga instrucciones fáciles de entender sobre cómo solucionar los problemas de accesibilidad
  • Corrección automática de los problemas de accesibilidad (sólo en la versión Premium)
  • Problemas de identificación en los archivos del tema (sólo en la versión Premium)

El mejor plugin de accesibilidad de WordPress para: Empresas que quieran centrarse principalmente en las directrices legales de la accesibilidad web, o empresas que estén interesadas en la función de ahorro de tiempo de la autocorrección con la versión premium.

Precio: WP ADA Compliance Check Basic es de descarga gratuita y está limitado a 25 entradas o páginas. La versión premium cuesta a partir de 165 dólares para un sitio web y ofrece un año de soporte y actualizaciones. 

Monitor de acceso

Monitor de acceso

El plugin Access Monitor tiene una calificación de 5 estrellas y 400 instalaciones. El plugin no añade ninguna función de accesibilidad al sitio web tus, sino que permite comprobar el grado de accesibilidad actual del sitio web tude WordPress. También realiza una comprobación automática de la accesibilidad del sitio web tus, que está controlada por el servicio de accesibilidad web Tenon.io

Características principales de Access Monitor

  • Planificar informes de accesibilidad semanales o mensuales
  • Probar un conjunto específico de páginas
  • Aprender sobre los problemas de accesibilidad que pueden ser determinados definitivamente por la máquina

El mejor plugin de accesibilidad para WordPress: Empresas que desean una forma fácil y gratuita de identificar los problemas de accesibilidad de forma periódica. 

Precio: Access Monitor puede descargarse gratuitamente desde el repositorio oficial. 

Una nota sobre los plugins de WordPress y la accesibilidad

Es importante señalar que, al igual que los temas de WordPress, los plugins pueden ser enviados por cualquier persona y pasan por una comprobación de accesibilidad opcional durante el proceso de revisión. En consecuencia, muchos plugins de WordPress no cumplen las directrices de accesibilidad digital, y su uso puede hacer que el sitio web tudeje de ser accesible. 

Ejemplos comunes de este tipo de plugins son los plugins de deslizamiento o carrusel que están configurados para reproducirse automáticamente o detenerse con la interacción del teclado. Otro ejemplo es un plugin de formulario que no tiene los campos correctamente etiquetados. Teniendo esto en cuenta, debería volver a probar la accesibilidad del sitio web tuWordPress cada vez que instale un nuevo plugin. 

Temas de WordPress y accesibilidad

Si vas al repositorio oficial de WordPress y filtras la búsqueda de temas accesibles en tu, lamentablemente encontrarás que sólo hay 108 temas marcados como accesibles. 

Como se ha mencionado anteriormente, gracias a los esfuerzos del equipo de Make WordPress Accessible, los creadores de temas pueden enviar su tema para una revisión de accesibilidad opcional durante el proceso de revisión. 

Para recibir la etiqueta "Accessibility Ready", un tema debe cumplir una serie de directrices de accesibilidad digital que figuran en el Manual de revisión de temas y en el Códice oficial de WordPress

Desarrollo de sitios web accesibles en WordPress

Seamos sinceros: la mayoría de los usuarios de WordPress se decantan por un tema premium de terceros, de mercados de terceros o por un tema completamente personalizado. 

Si eres un desarrollador encargado de crear un sitio web de WordPress accesible, hay algunos temas que puedes utilizar como punto de partida.

Subrayado

Underscores fue desarrollado por Automattic y es el punto de partida de la mayoría de los temas disponibles en WordPress.com . El tema contiene varias características accesibles. 

Genesis por StudioPress

Genesis by StudioPress es un popular framework premium que puede ser utilizado para desarrollar tusu propio tema hijo de Genesis accesible. También puede utilizar uno de los temas hijo existentes con características accesibles.  

GeneratePress

GeneratePress es otro tema popular que es accesible y puede ser utilizado como punto de partida para el diseño de tu.

Tema WCAG

El tema WCAG fue desarrollado específicamente pensando en la accesibilidad y cumple con la Sección 508 y WCAG 2.0 AA. Además, es totalmente compatible con el teclado. 

Astra

Astra es un tema popular con versiones gratuitas y premium, con una etiqueta accesible, compatibilidad con los plugins constructores de páginas más populares y tiempos de carga rápidos.

Astra le proporciona una base accesible para el sitio web tuWordPress y acelera el tiempo y el proceso de desarrollo. 

Más recursos sobre la accesibilidad de WordPress

Cuando se trata de WordPress y la accesibilidad, hay una gran cantidad de información en Internet. Si quiere saber más sobre la accesibilidad, aquí tiene algunos buenos sitios para investigar tu:

  • Cómo hacer temas de WordPress accesibles: una presentación de Joseph Karr O'Connor de WordCamp 2013 en Montreal. La presentación cubre la accesibilidad en general y su aplicación en WordPress, incluyendo cómo crear plugins, temas y widgets accesibles, y cómo hacer su contenido más accesible.
  • Herramientas de desarrollo y plugins de accesibilidad de WordPress: Una lista de herramientas y recursos proporcionados por el equipo de Make WordPress Accessible para ayudarle a probar y mejorar las funciones de accesibilidad en sus sitios web.
  • Hacer que la página web de WordPress sea accesible: El blog oficial del equipo de Make WordPress Accessible, donde puedes leer las últimas noticias y ayudar a que WordPress sea más accesible.
  • Herramienta de evaluación de la accesibilidad web WAVE: Utilice esta herramienta para comprobar la accesibilidad del sitio web tuWordPress. Después de un escaneo, la herramienta le mostrará los problemas que debe solucionar para cumplir con las directrices de accesibilidad. 
  • Potente: Cuando empiece a crear el sitio web tusen Sketch o Adobe XD, este plugin le ayudará a garantizar que los proyectos de sitios web tusean accesibles desde el principio. 
  • Rueda de colores de accesibilidad: Con la ayuda de esta herramienta puede elegir colores que tengan suficiente contraste y cumplan con las directrices de accesibilidad. También puedes ver cómo verán los colores que elijas las personas que sufren daltonismo. 
  • Extensión Axe para Chrome: Si usas Chrome, esta extensión te permite comprobar cualquier sitio web en busca de problemas de accesibilidad con un solo clic.
  • La máquina A11y: Puedes descargar la máquina A11y desde GitHub. Esta herramienta sirve para realizar pruebas de accesibilidad automatizadas. Esto significa que puede utilizarlo para comprobar la accesibilidad de cualquier sitio web. La herramienta crea entonces un informe detallado que puede utilizar para mejorar la accesibilidad del sitio web tus.

Conclusión: Cómo garantizar la accesibilidad tussitio web de WordPress

WordPress, como plataforma, ya ofrece algunas funciones de accesibilidad en box, pero aún no es completamente accesible. Si quiere desarrollar sitios web accesibles con WordPress, debe tener en cuenta algunas cosas: 

  • Siga las directrices oficiales de accesibilidad al contenido de la web, así como las directrices de accesibilidad de WordPress indicadas en el manual de revisión de temas. 
  • Comience con un tema de WordPress accesible para acortar el tiempo de desarrollo y crear una base sólida para un sitio web accesible. 
  • Utilice los plugins y las herramientas de accesibilidad de WordPress para probar el sitio web terminado tuy asegurarse de que es accesible para todos.

Siguiendo los consejos anteriores, estarás en el buen camino para crear sitios web accesibles y hacer que Internet sea más utilizable y accesible para todos. Y si necesitas un alojamiento de WordPress rápido y seguro para todos los sitios web accesibles que vas a crear, no dudes en registrarte para una prueba gratuita en Raidboxes. 

tuPreguntas sobre la accesibilidad de WordPress

¿Qué preguntas tienes para Maddy? No dude en utilizar la función de comentarios. ¿Quiere más consejos sobre diseño y desarrollo web? Entonces síganos en Twitter, Facebook o a través de nuestro Newsletter.

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Un comentario sobre"Accesibilidad de WordPress: cómo crear un sitio web accesible".

  1. ¡Genial y muy completo el artículo!. Justo estaba buscando información sobre accesibilidad en WordPress, y después de varios intentos fallidos he llegado hasta este post que es bastante completo y esclarecedor.

    Mil gracias!

Escribe un comentario

Tu dirección de correo electrónico no se publicará.