WordPress Accesibilidad: Cómo crear un sitio web accesible (+ Plugins para esto)

Maddy Osman Actualizado por última vez el 19.10.2020
12 Min.
WordPress -Accesibilidad
Actualizado por última vez el 19.10.2020

La accesibilidad (o accesibilidad) en WordPress es un componente importante en la creación de sitios web que aún no se ha discutido lo suficiente. ¿Pero cuán accesible es el popular CMS en realidad? ¿Por qué es tan importante la accesibilidad? ¿Y cómo será el sitio web tu accesible para todos?

Acceso para todos: datos sobre la accesibilidad

WordPress consigue que más del 35 por ciento de todos los sitios web funcionen. Los sitios de comercio electrónico, las principales publicaciones en línea, los canales de noticias, los blogs y los sitios web de empresas utilizan WordPress porque es fácil de usar.

Y es precisamente porque WordPress es tan popular que tiene un gran impacto en la accesibilidad de la web. Sin embargo, la cuestión de la accesibilidad no siempre está en primer plano cuando se desarrolla y rediseña un sitio web. En cambio, muchos usuarios de WP se preocupan por elegir el Theme correcto, mejorar su ranking SEO y asegurarse de que su sitio web se carga rápidamente. No hay nada malo en ello - pero debería ser igualmente importante que tu WordPress -sitio sea accesible para todos. 

Según las estadísticas de accesibilidad interactiva 56 millones de estadounidenses viven con una discapacidad. Más allá de eso. Centro de Investigación Pew que el 54% de los adultos con discapacidades en los EE.UU. usan Internet regularmente. Y eso es sólo los Estados Unidos. En todo el mundo estas cifras aumentan.

Si ignoras la accesibilidad, ya estás excluyendo al 20 por ciento de la población mundial de la posibilidad de usar el sitio web tu . En resumen, descuidar la accesibilidad no es bueno para el negocio de tu . 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, incluyendo:

  • ¿Qué es la Accesibilidad Web?
  • ¿Está WordPress "fuera de la caja" libre de barreras?
  • ¿Qué herramientas y Plugins te ayudan a crear un WP-sitio accesible? 

¿Qué es la Accesibilidad Web?

La accesibilidad a la web se refiere a las herramientas que permiten a las personas con discapacidades utilizar y acceder a la web. Esto es particularmente relevante para las discapacidades que pueden afectar la forma en que las personas acceden y utilizan la Web, incluyendo:

  • Deterioro de la vista
  • Deterioro acústico
  • Deterioro del habla
  • Discapacidades cognitivas 
  • Discapacidades neurológicas
  • Incapacidades temporales (como un brazo roto)

Esta lista también incluye las discapacidades relacionadas con la edad, e incluso las que resultan 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 de Internet en nuestra vida cotidiana: desde el acceso a la información y a las noticias actuales hasta la compra de alimentos y el mantenimiento del contacto con los seres queridos.

Otras razones por las que la accesibilidad en Internet es importante: 

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

¿Está WordPress "fuera de la caja" libre de barreras? 

WordPress no siempre estuvo libre de barreras: Hace sólo unos años, los usuarios que dependían de las tecnologías de asistencia en la web tenían considerables problemas para navegar por la admin-panel de control .

WordPress  Accesibilidad: Cómo crear un sitio web accesible (+ Plugins para esto)

Mucho ha cambiado desde entonces. En primer lugar, un pequeño grupo de voluntarios - los llamados Hacer que WordPress sea un equipo accesible - mejoró significativamente la accesibilidad de WordPress .  

Como resultado de su trabajo, el área de administración junto con la biblioteca de medios y el personalizador Theme se han hecho mucho más accesibles. Además, se han añadido numerosos atajos de teclado al núcleo de WordPress para acelerar la edición y el formato de los artículos y las páginas. 

El Normas de codificación para la accesibilidad de WordPress en marzo de 2016 fueron asignados a la WordPress Manual del núcleo añadió. Desde entonces Themes y Plugins deben pasar una estricta prueba de accesibilidad para ser clasificados como libres de barreras en absoluto.

¿Qué es el Manual del colaborador principal?

El manual define los estándares de codificación que los desarrolladores del WP deben cumplir cuando añaden sus contribuciones al núcleo de WordPress y envían Themes y Plugins al repositorio oficial.

Aunque se han hecho grandes cambios y mejoras, WordPress todavía tiene que trabajar en el área de la accesibilidad. Mientras que WordPress se esfuerza por hacer que la Directrices de Accesibilidad para Herramientas de Autor (ATAG) 2.0 pero hay otros problemas que impiden el 100% de accesibilidad: 

  • Theme- y Plugin-Los desarrolladores de terceros no siempre siguen las Directrices de Accesibilidad. Como resultado, la mayoría de los problemas de accesibilidad en WordPress se deben a que no se puede acceder a Themes y Plugins .
  • El nuevo Gutenberg-editor en el momento de su publicación 90 Problemas de accesibilidad. (En el momento de este artículo solamente 22 Problemas sin resolver).
WordPress  Accesibilidad: Cómo crear un sitio web accesible (+ Plugins para esto)

Consejos para crear un WP accesible...sitio

Cuando se crea un sitio web accesible, hay ciertos principios que se establecen en el Pautas de accesibilidad al contenido de la web se especifican. Definitivamente deberías usarlos para asegurarte de que todo el mundo pueda usar el sitio web tu . 

Lista de verificación para la accesibilidad de los sitios web

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

Basándose en estos cuatro principios clave, aquí están algunas de las pautas que debe seguir para crear un sitio web accesible con WordPress . 

Directrices para asegurar que se perciba el sitio web tu

  • Los enlaces y botones no deben diferir del resto de su contenido sólo por su coloración.
  • Ofrecer soporte de Braille y proporcionar alternativas de texto para el contenido visual y de audio, como imágenes y vídeos
  • Establezca el ancho del texto y el ancho de la línea en tamaños que maximicen la legibilidad.
  • Asegúrate de que hay suficiente contraste entre el texto y el fondo. En otras palabras, no hay texto rojo claro sobre un fondo negro.
  • El contenido de audio y video debe incluir transcripciones, subtítulos o lenguaje de señas.
  • Deben evitarse los GIF animados, las animaciones intermitentes y otros contenidos que puedan causar convulsiones y reacciones físicas.

Directrices para asegurar que el sitio web tu sea utilizable

  • Abstenerse de usar el CAPTCHA u ofrecer varias formas de resolverlos, ya que pueden suponer problemas para muchas personas.
  • Los enlaces no deben abrir el contenido en una nueva ventana sin notificar a los usuarios de tu o sin la interacción previa de los usuarios de tus .
  • Asegúrese de que los usuarios de tu puedan acceder a los botones y elementos del menú (y a los menús desplegables) utilizando el teclado y el ratón. 
  • Los elementos de los medios de comunicación como el vídeo, el audio, los carruseles o los controles deslizantes no deben configurarse para que se reproduzcan o cambien automáticamente sin la interacción del usuario.

Directrices para asegurar que el sitio web tu sea comprensible

  • Piense en diferentes puntos de vista al diseñar y cambie la posición y la apariencia de los elementos principales en consecuencia.
  • Utilice los encabezados para definir las diferentes subsecciones de un sitio .
  • Evite el uso de la jerga, los términos difíciles y las abreviaturas. En cambio, asegúrese de que el contenido de tu esté escrito de forma clara y concisa.
  • Los enlaces deben ser descriptivos y tener sentido incluso sin contexto. Por ejemplo, es mejor tener un botón o un enlace con el texto "Conozca más sobre nuestros servicios" que sólo "Conozca más".

Directrices para asegurar que el sitio web tu sea sólido

  • Añade enlaces de salto en la parte superior de cada sitio .
  • Asegúrate de que los campos del formulario tu tengan las etiquetas apropiadas. tu Los formularios también deben contener mensajes de advertencia y confirmación que sean fácilmente reconocibles por las personas daltónicas.
  • Utilice el tabindex para
    a
    ñadir
    un elemento que normalmente no se enfoca, como
    o ,
    al orden de navegación cuando se utiliza para la interacción.
  • Los medios descargables como los documentos PDF, el contenido de audio o vídeo deben tener una descripción que indique que la descarga está a punto de comenzar.
  • Los elementos interactivos no estándar, como los acordeones o los tabuladores, deben tener un significado según la WAI-ARIA Roles.

El mejor WordPress Accesibilidad Plugins y herramientas

Si sigue las pautas anteriores, se podrá acceder al sitio web tu . Sin embargo, no siempre es fácil seguir todas estas reglas y directrices.

Afortunadamente, hay un número de Plugins y herramientas para más WordPress que te ayudan a crear sitios web accesibles más rápido - sin olvidar los pasos importantes. 

WP Accesibilidad

WP-Accesibilidad

WP Accesibilidad es una de las mejores Accesibilidad WordPresss Plugins del repositorio oficial WordPress Plugin . Tiene una calificación de 5 estrellas y más de 30.000 instalaciones activas. El Plugin aborda y corrige los problemas de accesibilidad general en el WP-Themes. 

Principales características de la Accesibilidad de WP:

  • Añadir enlaces de salto con destinos personalizados
  • Añadir un esquema al estado de enfoque del teclado
  • Eliminar el tabulador de los elementos enfocables
  • añadir largas descripciones a las imágenes
  • Atributos de Force Alt para las imágenes del Editor Clásico

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

La mejor WordPress Accesibilidad Plugin para: Empresas con sitios web existentes que quieren mejorar su accesibilidad.

Precio: Puedes descargar la Accesibilidad WP gratis del repositorio oficial. 

Barra de herramientas accesible de WP

Barra de herramientas WPAccessible

Barra de herramientas accesible de WPanteriormente conocida como Poesía Accesible, tiene una calificación de 4,5 estrellas y más de 4.000 instalaciones activas. El WordPress Plugin le facilita la activación de ciertas funciones y hace más accesible el sitio web tu . 

Principales características de la barra de herramientas de AccessibleWP:

  • Habilitar la navegación con teclado para permitir a los usuarios navegar con su teclado en el sitio web tus ,
  • Los usuarios pueden desactivar las animaciones CSS3
  • Los usuarios pueden cambiar los colores del sitio web a colores con mejor contraste
  • Los usuarios pueden cambiar los colores de la página web a colores de escala de grises
  • Los usuarios pueden aumentar o disminuir el tamaño de la fuente en el sitio web tus

La mejor WordPress Accesibilidad Plugin para: Las empresas que quieren un sitio web más accesible, pero quieren mantener una combinación de colores específicos de la marca y la estética general. 

Precio: Puedes descargar AccessibleWP Toolbar gratis del repositorio oficial. 

Accesibilidad con un solo clic

Accesibilidad con un solo clic

El popular WordPress -Plugin para la accesibilidad, Accesibilidad con un solo clicfue originalmente desarrollado para el Marco de Pojo y ahora es compatible con todos WordPress -Themes . El Plugin tiene una calificación de 4,5 estrellas y más de 30.000 instalaciones activas. 

Principales características de la Accesibilidad con un solo clic:

  • Los usuarios pueden activar o controlar el tamaño de la fuente, el contraste, el subrayado de los enlaces, las fuentes legibles con una barra de herramientas de accesibilidad
  • Activar Skip-Links
  • Agregar el enfoque del esquema para los elementos enfocables
  • Eliminar los atributos del objetivo de los enlaces y añadir funciones de referencia

La mejor WordPress Accesibilidad Plugin para: Sitios web que fueron creados originalmente en el marco de Pojo.

Premio: La Accesibilidad a un Clic puede ser descargada gratis desde el repositorio oficial. 

WordPress Ayudante de accesibilidad

WordPress - Ayudante de accesibilidad

WordPress Ayudante de accesibilidad 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 características. La versión premium ofrece aún más características, incluyendo la posibilidad de controlar las ventanas modales y los popups, añadir acordeones y personalizar los logotipos.

Principales características de WordPress Ayudante de accesibilidad: 

  • Añadir enlaces de salto
  • Establecer el tamaño de la fuente de acuerdo a sus deseos
  • Revisar las páginas y las contribuciones en busca de errores de accesibilidad
  • Establecer colores personalizados para un mejor/oscuro contraste
  • Subraye o marque todos los enlaces

La mejor WordPress Accesibilidad Plugin para: Las empresas que necesitan un Plugin robusto para hacer de la accesibilidad una característica clave de su sitio web y de su negocio. 

Premio: WordPress El Ayudante de Accesibilidad puede ser descargado de gratis Puedes comprar la versión Pro por 80 dólares, que te permite instalar Plugin en un sitio web y recibir tres meses de soporte. 

Básico de verificación de cumplimiento de la ADA WP

Básico de verificación de cumplimiento de la WP-ADA

Básico de verificación de cumplimiento de la ADA WP comprueba en el sitio web tu los problemas de accesibilidad a la web y le proporciona un informe detallado sobre ello. La clasificación se basa en los estándares de accesibilidad a la web definidos en la Sección 508 y WCAG 2.1 NIVEL A/AA. 

Principales características de WP ADA Compliance Check Basic

  • tu Evaluar el sitio web en cuanto a los problemas de accesibilidad a la web
  • Ejecutar informes de accesibilidad
  • Recibir instrucciones fáciles de entender para resolver problemas de accesibilidad
  • Corrección automática de los problemas de accesibilidad (sólo en la versión Premium)
  • Problemas, en Theme-identificar archivos (sólo en la versión premium)

La mejor WordPress Accesibilidad Plugin para: Las empresas que quieren centrarse principalmente en las directrices legales de Accesibilidad Web, o las empresas que están interesadas en la función de ahorro de tiempo de la corrección automática con la versión Premium.

Precio: WP ADA Compliance Check Basic puede descargarse de gratis y está limitado a 25 artículos o páginas. La versión premium comienza en 165 dólares por un sitio web y te da un año de soporte y actualizaciones. 

monitor de acceso

Monitor de acceso

El plugin monitor de acceso tiene una calificación de 5 estrellas y 400 instalaciones El sitio Plugin no añade funciones de accesibilidad al sitio web tus , pero permite comprobar cuán accesible es actualmente tu sitio . También realiza una comprobación automática de la accesibilidad del sitio web tus , que es controlada por el Servicio de Accesibilidad Web Tenon.io

Principales características de Access Monitor

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

La mejor WordPress Accesibilidad Plugin para: Empresas que quieren una forma simple y gratuita de identificar los problemas de accesibilidad en un horario regular. 

Precio: Access Monitor puede ser descargado gratis desde el repositorio oficial 

Una nota en WordPress Plugins y Accesibilidad

Es importante señalar que tanto Plugins como WordPress Themes pueden ser presentadas por cualquier persona y serán sometidas a una verificación opcional de accesibilidad durante el proceso de revisión. Como resultado, muchos WordPress Plugins no cumplen las Directrices de Accesibilidad Digital - y su uso puede dar lugar a que el sitio web tu ya no sea accesible. 

Ejemplos comunes de este tipo de Plugins son Slider- o Carousel-Plugins, que están configurados para auto-jugar o pausar con la interacción del teclado. Otro ejemplo es un formularioPlugin que no tiene campos debidamente etiquetados. Con esto en mente, debería probar la accesibilidad de tu sitio cada vez que instale un nuevo Plugin . 

WordPress Themes y la accesibilidad

Si vas al repositorio oficial de WordPress y filtras la búsqueda de tu para acceder a Themes , encontrarás, lamentablemente, que sólo hay 108 Themesque están marcados como libres de barreras. 

WordPress -Themes

Como ya se ha mencionado, gracias a los esfuerzos del Equipo de accesibilidad de WordPress , los fabricantes de Theme pueden presentar su Theme durante el proceso de revisión para una revisión de accesibilidad opcional. 

Para obtener la etiqueta "Accesible", un Theme debe tener Directrices de accesibilidad electrónica que se describen en el manual de revisión de Theme y en el manual oficial WordPress Códice están en la lista. 

Desarrollo de un sistema libre de barreras WordPress -Páginas

Afrontémoslo: la mayoría de los usuarios de WP elegirán unTheme premium de mercados de terceros o un diseño completamente individual. 

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

Subraya

Subraya

Subraya fue desarrollado por Automattic y es un punto de partida para la mayoría de los WordPress .com disponible en Themes. El Theme contiene varias funciones sin barreras. 

Genesis por StudioPress

Génesis

Genesis por StudioPress tu es un popular marco de primas que puede utilizarse para desarrollar el propio Genesis Child-Theme accesible. Alternativamente, puede utilizar uno de los existentes para niños -Themes con características accesibles.  

GeneratePress

GeneratePress

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

WCAG Theme

WCAG-Theme

WCAG Theme fue desarrollado teniendo en cuenta la accesibilidad y cumple con la Sección 508 y WCAG 2.0 AA. También tiene soporte completo para el teclado. 

Astra

Astra

Astra es un popular Theme con versiones gratuitas y premium, que se caracteriza por una etiqueta accesible, compatibilidad con los populares constructor de páginas Plugins y tiempos de carga rápidos.

Astra proporciona una base accesible para tu WP-sitio y acelera el tiempo y el proceso de desarrollo. 

Otros recursos sobre la accesibilidad en WordPress

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

  • Hacer accesible WordPress ThemesUna presentación de Joseph Karr O'Connor de WordCamp 2013 en Montreal. La presentación abarcará la accesibilidad en general y su aplicación en WordPress , incluida la creación de Plugins, Themes y de widgets accesibles, así como la elaboración de su contenido.
  • WordPress Herramientas de desarrollo y accesibilidad PluginsUna lista de herramientas y recursos proporcionados por el Equipo de accesibilidad de WordPress para ayudarle a probar y mejorar las características de accesibilidad de sus sitios web.
  • Hacer accesible la página web WordPressEl blog oficial del Equipo de Hacer Accesible WordPress , donde puedes leer las últimas noticias y ayudar a hacer más accesible WordPress .
  • Herramienta de evaluación de accesibilidad web WAVEUtilice esta herramienta para probar la accesibilidad de tu sitio . Después de un escaneo, la herramienta le mostrará los problemas que debe solucionar para cumplir con las Directrices de Accesibilidad. 
  • FuerteCuando se empieza a crear el sitio web tus en Sketch o Adobe XD, este Plugin ayuda a asegurar que los proyectos del sitio web tu sean accesibles desde el principio. 
  • Rueda de colores de accesibilidadEsta herramienta permite elegir colores que tengan suficiente contraste y cumplan con las pautas de accesibilidad. También puedes ver cómo la gente que sufre de daltonismo verá los colores que tú elijas. 
  • Extensión del cromo del hachaSi utilizas Chrome, esta extensión te permite comprobar cualquier sitio web en busca de problemas de accesibilidad con un solo clic.
  • La máquina A11yPuedes descargar la máquina A11y de GitHub. Esta herramienta sirve como una herramienta de prueba de accesibilidad automatizada. En otras palabras, puedes usarlo para probar la accesibilidad de cualquier sitio web. La herramienta genera entonces un informe detallado que se puede utilizar para mejorar la accesibilidad del sitio web tus .

Conclusión: Cómo asegurar la accesibilidad tus WP-sitio

WordPress como plataforma ya ofrece algunas características de accesibilidad fuera de la caja - pero aún no está completamente libre de barreras. Si quieres desarrollar sitios web accesibles con WordPress , hay algunas cosas que debes considerar: 

  • Siga las Directrices de Accesibilidad para el Contenido Web oficial y las Directrices de Accesibilidad de WordPress , que se establecen en el Manual de Revisión de Theme . 
  • Comience con un WordPress Theme accesible para reducir el tiempo de desarrollo y crear una base sólida para un sitio web accesible. 
  • Utilice WordPress Accesibilidad Plugins y herramientas para probar el sitio web terminado tu y asegurarse de que sea accesible para todos.

Si sigues los consejos anteriores, estarás bien encaminado para crear sitios web accesibles y hacer que Internet sea más fácil de usar y accesible para todos. Y si necesitas un alojamiento rápido y seguro de WordPress para todos los sitios web accesibles que vas a crear, no dudes en versión de prueba gratuita de RAIDBOXES para registrarse. 

tu Preguntas: WordPress Accesibilidad y sitios web sin barreras

¿Qué preguntas tienes para Maddy? Siéntase libre de usar la función de comentarios. ¿Quieres más consejos sobre diseño y desarrollo web? Entonces síguenos en TwitterFacebook o sobre nuestro Boletín de noticias.

foto de la contribución: Unsplash

Maddy Osman es una estratega de contenido SEO. Trabaja con clientes seleccionados en el WordPress y el área de alojamiento web. A través de su experiencia en diseño web y WordPress tiene un profundo conocimiento en SEO - y sabe exactamente cómo conectar las marcas con el contenido relevante de SEO.

Artículos relacionados

Comentarios sobre este artículo

Escriba un comentario

tu La dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con * marcado.