Cómo mejorar la accesibilidad en Divi

La accesibilidad web es vital para que los contenidos lleguen a todos, y como Divi es uno de los temas más populares del universo WordPress, en concreto el 2º según WP Detector, vamos a ver cómo mejorar la accesibilidad en Divi.

Para ello nada mejor que valernos de un plugin gratuito que mejora muchos aspectos de accesibilidad en Divi.

Me refiero a Divi Accessibility, un plugin disponible en el repositorio oficial de WordPress.org en GitHub.

Básicamente este plugin te ayuda a cumplir las pautas de accesibilidad para contenido web recogidas en las directrices WCAG 2.0, una serie de indicaciones con las que garantizar la accesibilidad de los contenidos web.

Estas directrices no están hechas de cualquier modo, están basadas en un estudio de más de 10 años.

En concreto, las mejoras de accesibilidad en Divi que incorpora el plugin son las siguientes:

  • Añade los atributos ARIA adecuados
  • Mejora la navegación por teclado en los menús
  • Soluciona etiquetas no disponibles o incorrectamente asignadas
  • Hace que módulos como el Conmutador y el Acordeón se puedan enfocar y ser interactivos con el teclado
  • Añade un trazo visual a los elementos enfocables para la navegación solo por teclado
  • Añade la posibilidad de cambiar el teclado solo en el color de trazado
  • Soluciona las clases del lector de pantalla usadas incorrectamente por Divi
  • Añade un enlace para saltar a la navegación optimizado para el marcado de Divi
  • Integración con Tota11y

Y su uso es muy sencillo. Solo tienes que instalarlo y, a continuación, pasarte por el nuevo menú de administración Divi > Accessibility para configurar los ajustes que quieras.

Mi consejo es que actives todos los ajustes, para mejorar la accesibilidad en Divi.

Así que ya sabes, si usas Divi para tus proyectos, mejora la accesibilidad para que todos puedan disfrutar de tus contenidos.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(5 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

8 comentarios en “Cómo mejorar la accesibilidad en Divi”

  1. Buen post,¿existe alguno que cumpla una función similar? pero que no sea para Divi exclusivo, aun no compro el tema por que me he acomodado muy bien con Vantage y las personalización CSS, Divi lo usare más adelante por que acabo de invertir en la plantilla Flatsome que tambien es muy buena, en fin gracias por la atención y saludos desde México Acapulco!

  2. Este plugin se ha cerrado desde el 12 de mayo de 2020 y no está disponible para descargar. Este cierre es permanente. Motivo: Petición del autor.
    ¿Alguna alternativa para Divi? Gracias.

    1. Hola Valen, me pasaba como a ti que al ver que el plugin había desaparecido del repositorio, me había quedado sin alternativas. Pero tengo buenas noticias: según explican en esta web (https://www.abrightclearweb.com/improve-divi-websites-reach-divi-accessibility/), han quitado el plugin del repositorio oficial por algún problema relacionado con que usaban la palabra Divi, pero sigue estando disponible aquí: https://github.com/campuspress/divi-accessibility
      Lo tienes que descargar pinchando en el botón verde que pone Code y descargarlo como zip. Luego lo instalas como cualquier plugin, subiendo el zip. Yo ya lo he instalado y aparentemente funciona bien. Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido