Навигация по ссылкам в Опере

Помню, где-то года полтора, например, назад Кукуц бил меня по рукам за то, что я писал <a onfocus=«this.blur ()»>. А я понять не мог, что это ему так нравятся эти дурацкие пунктирные линии вокруг ссылок? Кто вообще ходит по интернету клавиатурой?..

Просто тогда я ещё не знал Оперу.

Переход по ссылкам с помощью выбора их по Tab-Tab-Tab-Tab (и так 62 раза) — это, конечно, бред. Так это происходит в IE и Firefox (0.9.2, без extension’ов, чтобы потом не было). Дело в том, что они ходят по ссылкам просто по порядку. Насколько я понимаю, по тому, который имеет место в исходном HTML-документе. И обводят их уродскими (по моему мнению, чтобы потом не было) пунктирными линиями. Опера работает несколько совсем иначе. Tab в ней ходит только по формам (а в формах есть tabindex, поэтому тут всё в руках разработчика). Для хождения по ссылкам есть Shift и стрелки. Стрелки работают все: влево, вправо, вверх, вниз. Порядок ссылок в исходнике никого не волнует. Ссылки выбираются в соответствии с расположением на экране. Стоит ли говорить, что это намного удобнее?

Стоит. Это намного удобнее.

И ещё красивее, потому, что ссылки выделяются не пунктиром, а так, как будто их просто выделили Shift’ом... постойте, ну да, я ведь и делал это всё Shift’ом — логично!

Это намного удобнее и красивее, но это ещё не всё. Ещё есть запятая. Запятая — это find-as-you-type по ссылкам. Когда ты уже видишь ссылку, но ползти до неё лень, можно быстро набрать ,йв и нажать Enter — и вот ты уже на странице кейвордов. При моём уровне владения клавиатурой это намного быстрее, чем нащупывать правой рукой мышку и потом ещё целиться по ей.

Видимо, когда Кукуц учил меня жизни, он уже знал обо всех этих маленьких радостях, и у него стояли нужные extensions. Теперь и я об этом знаю.

И ещё, обнаружил только что. У меня тут на сайте одном есть такая штука, которая вообще написана бледно-серым по белому, а onmouseover она становится чёрной, и потом обратно бледной onmouseout. Типа, интерактив, всё такое. Дак вот, когда в ходе перемещения по сайту с помощью Shift’а и стрелок попадаешь в эту область, Опера генерирует соответствующие события для скрипта, и текст становится чёрным. Этого не происходит в двух других браузерах. Предвидя обвинения в несоблюдении стандартов, я решил посмотреть в эти самые стандарты. Вот что пишет W3C:

The onmouseover event occurs when the pointing device is moved onto an element

Учитывая, что в рассматриваемом случае клавиатура и управляемый ею бокс выделения могут быть с полной уверенностью названы pointing device, то никаких проблем тут нет.

Опера — прелесть.

Update: Да, напомнили ещё про W/S — навигация по заголовкам. К сожалению, в интернете слишком много любителей вместо <h1>..<h6> использовать всевозможные подобия тэга font, поэтому работает эта фишка через раз. Но если всё-таки пользоваться W/S, то вместо Shift+вверх/вниз становится предпочтительнее использовать Q/A (синоним).