Posted by m_d_mcbride on March 23, 2009 at 5:18pm
2 followers
Jump to:
| 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