Wordpress:Workarounds de problemas de accesibilidad conocidos: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 32: | Line 32: | ||
</source> | </source> | ||
[[File:Tttt.jpg|thumb|left]] | [[File:Tttt.jpg|thumb|left]]<br> | ||
Y añadimos el CSS correspondiente para ocultar el texto. | Y añadimos el CSS correspondiente para ocultar el texto. | ||
Revision as of 09:23, 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.