Каков наилучший способ отображения выпадающего меню?

Question

Как лучше всего отобразить выпадающее меню? ради лучших практик.
с учетом:

-доступность, Его можно просмотреть с отключенным JavaScript
программы чтения с экрана -предложения слов, для просмотра в IE6 кросс-браузер

Я спрашиваю об этом, потому что недавно работал на каком-то сайте, в котором есть только раскрывающиеся меню css, которые не отображают раскрывающиеся списки в IE6

Отображает ли выпадающий список как список, если javascript выключен, правильный способ сделать это?

Answer 1

Стандарт для выпадающего меню без javascript называется выпадающим suckerfish или son of fish: http://htmldog.com/articles/suckerfish/dropdowns/

В IE6, как вы заметили, они используют немного js для имитации наведения. Это хорошо - пока первая ссылка, над которой вы наводите курсор, которая вызывает раскрывающийся список, является реальной ссылкой! Пусть эта ссылка перейдет на страницу, где они могут перейти к тем страницам, которые скрыты в меню. Если ничего другого, просто скопируйте подменю, в котором они отсутствуют, и убедитесь, что содержимое страницы будет работать.

Вуаля, доступность.

Answer 2

Если вы должны убедиться, что его можно просматривать с отключенным JS, используйте CSS-решение. Вот тот, который утверждает, что является кросс-браузерным:

http://lwis.net/free-css-drop-down-menu/

, хотя он использует немного JS для IE6 (и старше).

Или, может быть, настроить свой собственный, используя этот учебник:

http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html