Desarrollo Web Joomla!, Accesibilidad, Estándares, Formación

Añadir etiquetas accesskey en Joomla! 1.6

Ya vimos anteriormente cómo añadir las teclas de acceso rápido (accesskey) y la etiqueta title a los enlaces del menú principal en Joomla! 1.5. En este nuevo artículo vamos a ver lo mismo pero para la nueva versión de Joomla!, la 1.6. De esta forma acercamos al gestor de contenidos a un mejor nivel de accesibilidad.

1/ Añadir nuevo campo en la parte de administrador

Para añadir el nuevo campo tenemos que editar el fichero administrator/components/com_menus/models/forms/item_component.xml. Iremos a la línea 31 del fichero y añadimos lo siguiente:

<!-- By sergiois - www.sergioiglesias.net -->
<field name="menu_accesskey" type="text"
 label="COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_LABEL"
 description="COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_DESC"
 size="1" default="" />

Después de esto, tendremos que añadir las etiquetas de label y description en los ficheros de lenguaje. De esta forma, lo hacemos multilenguaje. Las etiquetas que hay que añadir son:

• Para es-ES: COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_LABEL="Accesskey" y COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_DESC="Introduzca la tecla de acceso rápido al menú".
• Para en-GB: COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_LABEL="Accesskey" COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_DESC="Enter the accesskey menu".

Cuando accedemos a la parte de administrador, veremos como se ha añadido correctamente ese campo en la pestaña de "Opciones del tipo de enlace".

NOTA: cabe destacar que el atributo <title> del enlace es el primer campo que aparece en esta pestaña (Atributo para el enlace del título).

2/ Sacar el atributo accesskey en la parte del sitio

Para poner el atributo accesskey en los ítem de menú principal, tenemos que editar dos ficheros del módulo de menú.

En la línea 113 de modules/mod_menu/helper.php tenemos que añadir la siguiente línea de código:

$item->accesskey = htmlspecialchars($item->params->get('menu_accesskey', ''));

En la línea 29 de modules/mod_menu/tmpl/default_component.php tenemos que modificar la siguiente línea de código en el case 0:

?><a accesskey="" href="/" <?php echo $title; ?>><?php echo $linktype; ?></a><?php

Con esto ya podemos usar las teclas de acceso rápido en los enlaces del menú principal. Algo que es muy importante de cara a la accesibilidad en sitios web.

Veremos si en siguientes versiones de Joomla! 1.6, podemos incluirlo dentro del CORE.

Powered by Bullraider.com