example of hit regions and drawFocusIfNeeded

All,

in yesterday's meeting I was asked to provide a build of Firefox along with
a test.
The patches landed today so the functionality should be available tomorrow
(2/26).

There are also private builds in case you can't wait :-):
http://ftp.mozilla.org/pub/mozilla.org/firefox/try-builds/cabanier@adobe.com-99eeaa50e559/try-macosx64/firefox-29.0a1.en-US.mac.dmg
http://ftp.mozilla.org/pub/mozilla.org/firefox/try-builds/cabanier@adobe.com-99eeaa50e559/try-win32/firefox-29.0a1.en-US.win32.installer.exe

This is a small example: http://codepen.io/adobe/pen/BhcmK (which was
originally written by Mark)

To test this, install the private build or nightly and go to "about:config"
Now search for canvas.hitregions.enabled and set it to 'true'
Also search for canvas.focusring,enabled and set it to 'true'
If one of these options is absent, you have the wrong version of Firefox.
Now restart Firefox and open
http://codepen.io/adobe/full/BhcmK<http://codepen.io/adobe/pen/BhcmK>.
This is a full screen version of the sample that's easier to test.

To test focus rings, select a checkbox with the mouse or use the Tab key to
change the focus.
You will see that there's a ring around the selection.

To test hit regions:
open your a11y software (I used accessibility probe on windows with
"highlight selected" turned on)
If you tab into a checkbox and check/uncheck it, you should see the info in
your a11y tool
If you hover over a checkbox and its text, you should also see the info.
(Both focused content and content under the mouse cursor is working)

Let me know what you think or if you run into any issues!

Received on Wednesday, 26 February 2014 01:10:48 UTC