Re: example of hit regions and drawFocusIfNeeded

Here is a slightly cleaned up version of the example
http://codepen.io/anon/pen/opqkG


i fixed the repeated label text and increased sizes of text/ checkbox and
focus ring

--

Regards

SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>


On 26 February 2014 01:10, Rik Cabanier <cabanier@gmail.com> wrote:

> 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!
>
>
>
>