On 8/01/2011 9:06 AM, Chetan Crasta wrote:
Note that you can have a similar menu using only CSS. See:
http://roughtech.com/t/dropdown.html
~Chetan
And what happens when I adjust the minimum font size settings in Firefox
or Opera or the universal access font size setting in Safari?
The answer is the menu breaks. Chetan, remove those absolute units like
pixels and then you will having something that is truly accessible. You
may code valid HTML and valid CSS but you fail regarding accessibility.
Try these Sons of Ursidae drop-down menus.
http://css-class.com/articles/ursidae/
One example show keyboard accessibility.
<http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm>
Note how in you menu, only the top level list items show :focus. None of
the sub menu list-items are accessible to keyboard users. This later
menu which I have linked is accessible to keyboard users even with
javscript turned off and in such browsers like IE5.5.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/