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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
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!
Muy interesante, no conocía este plugin. ¿Sirve también para el plugin Divi Builder, o sólo se puede utilizar con el theme Divi?
Sí, es para el builder, fíjate que afecta a los módulos
Hola… Yo utilizo One Click Accessibility que describes en https://ayudawp.com/accesibilidad-wordpress-1-clic/ pero tengo Divi, y supongo que en principio un plugin de accesibilidad para Divi será mejor para Divi que un plugin de accesibilidad general. ¿Recomiendas alguno de los dos? Gracias…
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.
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
Muchas gracias por la investigación 😉
Cambio el enlace en la guía 🙂
Gracias a ti Fernando, que, al final y al cabo, has sido quien nos descubrió la existencia del plugin (y tantas otras cosas tan útiles que publicas en el blog, ¡mil gracias por todo ello!).
Aquí os dejo un enlace en el que hay un montón de post muy interesantes sobre accesibilidad: https://www.abrightclearweb.com/category/accessibility/
Saludos
Hola, os dejo un artículo interesante que he encontrado sobre cómo mejorar la accesibilidad de DIVI: https://divibuilderaddons.com/divi-theme-accessibility-tips/
Saludos