Wordpress:Workarounds de problemas de accesibilidad conocidos: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
Incumplimiento del punto de verificación 1.12: Enlaces descriptivos | == Incumplimiento del punto de verificación 1.12: Enlaces descriptivos == | ||
<br> | <br> | ||
Problema: Enlaces cuyo texto está vacío.<br> | <br> | ||
'''Problema:''' Enlaces cuyo texto está vacío.<br> | |||
En los menus creados por el generador de temas de Divi, se crea un enlace vacio en el botón "de hamburguesa" de menu móvil.<br> | En los menus creados por el generador de temas de Divi, se crea un enlace vacio en el botón "de hamburguesa" de menu móvil.<br> | ||
| Line 19: | Line 20: | ||
</source> | </source> | ||
Workaround: Mediante JQuery, insertar el texto "Menú" dentro de <source lang="HTML"><SPAN class="mobile_menu_bar"/></source> | '''Workaround:''' Mediante JQuery, insertar el texto "Menú" dentro de <source lang="HTML"><SPAN class="mobile_menu_bar"/></source> | ||
Para ello, en el gestor de Wordpress, en Divi > Opciones del Tema > Integración, en "Agregar código al <head> de su blog" insertamos el siguiente código: | Para ello, en el gestor de Wordpress, en Divi > Opciones del Tema > Integración, en "Agregar código al <head> de su blog" insertamos el siguiente código: | ||
Revision as of 09:22, 22 April 2020
Incumplimiento del punto de verificación 1.12: Enlaces descriptivos
Problema: Enlaces cuyo texto está vacío.
En los menus creados por el generador de temas de Divi, se crea un enlace vacio en el botón "de hamburguesa" de menu móvil.
<A class="mobile_nav closed et_pb_mobile_menu_upwards" href="#">
<SPAN class="mobile_menu_bar"/>
<UL class="et_mobile_menu" id="mobile_menu2">
<LI class="et_pb_menu_page_id-5559 menu-item menu-item-type-post_type
menu-item-object-page menu-item-5891 et_first_mobile_item" id="menuitem-
5891"/>
</UL>
</A>
Workaround: Mediante JQuery, insertar el texto "Menú" dentro de
<SPAN class="mobile_menu_bar"/>
Para ello, en el gestor de Wordpress, en Divi > Opciones del Tema > Integración, en "Agregar código al <head> de su blog" insertamos el siguiente código:
jQuery(function($) {
$(".mobile_menu_bar").text("Menu");
});
Y añadimos el CSS correspondiente para ocultar el texto.