WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Tabbing and the hover event

for

From: Patrick H. Lauke
Date: Oct 2, 2008 6:40PM

Mike Osborne - AccEase wrote:

> Just tried the a:hover, a:focus in some browsers:
> Safari for Windows - can't tab to links, only form elements

Edit > Preferences > Advanced and tick "Press Tab to highlight each item
on a webpage"

> Firefox 2 - works fine
> IE6 & IE7 - focus not supported

Due to a bug in IE, you also want to use :active, so your style selector
becomes

a:focus, a:hover, a:active

The order is also important for older browsers. LVFHA - link, visited,
focus, hover, active.

> Google Chrome - works fine
> Opera 9.50 - tab for form controls and focus not supported, Ctrl + cursor
> down arrow for next link has browser highlighting (no focus or hover)

Just tried some simple styling of textarea:focus and input:focus in
Opera9.5, and it seems to honour these fine when tabbing to them. ctrl +
cursor seems to do a mix of its own highlighting, but also honours other
:focus rules (e.g. if you're doing something other than just changing
colour - making text bigger, old bold, or changing a background image
with padding etc)

> Netscape 8.1 - works fine


--
Patrick H. Lauke
______________________________________________________________
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
______________________________________________________________
Co-lead, Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
______________________________________________________________
_______________________________________________
To manage your subscription, visit http://list.webaim.org/
Address list messages to <EMAIL REMOVED>