Project:JQuery menu
Version:6.x-2.3
Component:Code
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active
Issue tags:accessibility

Issue Summary

When used with the Advanced books block module I noticed that the Jquery Menu module uses empty span tags to place the plus and minus symbols in the expandable menus.

This creates accesibility errors/warnings, and I found it was simple to overcome this by adding a simple plus sign into the empty span tag.

Change this line in the in the jquerymenu.module file;

$plus = '' : ' class="'. implode(' ', $classes) .'">') .'';

to simply this;

$plus = '' : ' class="'. implode(' ', $classes) .'">') .'+';

Then to remove the + sign using CSS add this line of code to the jquerymenu.css file;

.parent span {
text-indent: -10000px;
}

Comments

#1

$plus = '<span'. (empty($classes) ? '>' : ' class="'. implode(' ', $classes) .'">') .'</span>';

to simply this;

$plus = '<span'. (empty($classes) ? '>' : ' class="'. implode(' ', $classes) .'">') .'+</span>';

#2

adding accessibility tag

nobody click here