Thursday, March 1, 2012

Accesskey and section 508

How different browsers handle the above accessKey letters for button and anchor elements


BrowserOperating SystemKey CombinationButton BehaviorAnchor Behavior
Chrome 7.0.517.41LinuxAlt + letterClicks the button (3)Clicks the anchor (3)
Chrome 7.0.517.41Mac OS XControl + Option + letterClicks the button (3)Clicks the anchor (3)
Chrome 7.0.517.41WindowsAlt + letterClicks the button (3)Clicks the anchor (3)
Firefox 1.5WindowsAlt + letterClicks the button (1)Unknown
Firefox 2LinuxAlt + Shift + letterClicks the button (1)Clicks the anchor
Firefox 2Mac OS XControl + letterClicks the button (1)Clicks the anchor
Firefox 2WindowsAlt + Shift + letterClicks the button (1)Unknown
Firefox 3LinuxAlt + Shift + letterClicks the button (1)Clicks the anchor
Firefox 3Mac OS XControl + letterClicks the button (1)Clicks the anchor
Firefox 3WindowsAlt + Shift + letterClicks the button (1)Clicks the anchor
Internet Explorer 6WindowsAlt + letterSets focus on the button (2)Unknown
Internet Explorer 7WindowsAlt + letterSets focus on the button (2)Sets focus on the anchor (2)
Internet Explorer 8WindowsAlt + letterClicks the button (3)Sets focus on the anchor (2)
Internet Explorer 9 (beta)WindowsAlt + letterClicks the button (3)Sets focus on the anchor (2)
Safari 3.1.2Mac OS XControl + Option + letterClicks the button (3)Clicks the anchor (3)
Safari 3.1.2WindowsAlt + letterClicks the button (3)Clicks the anchor (3)
Safari 5.0.2Mac OS XControl + Option + letterClicks the button (3)Clicks the anchor (3)
Safari 5.0.2WindowsAlt + letterClicks the button (3)Clicks the anchor (3)


•Red = Different behavior for buttons and anchors
•Comment 1 = To just set focus on the button/anchor, change your about:config setting for the “accessibility.accesskeycausesactivation” user preference.
•Comment 2 = Press Enter to click the button/anchor
•Comment 3 = There appears to be no built-in mechanism to just set focus on the button/anchor. The component handling the click event would be responsible for setting focus while handling the click.

The data comes from http://formattc.wordpress.com/2010/11/03/browsers-and-the-html-accesskey/ this table was really helpful to build my own system of accesskeys.

No comments:

Post a Comment