W3C home > Mailing lists > Public > public-html-a11y@w3.org > October 2013

drawSystemFocusRing, drawCustomFocusRing

From: Richard Schwerdtfeger <schwer@us.ibm.com>
Date: Thu, 31 Oct 2013 12:35:10 -0600
To: jmann@microsoft.com, "Mark Sadecki" <mark@w3.org>, "Dominic Mazzoni" <dmazzoni@chromium.org>
Cc: "Rik Cabanier" <cabanier@gmail.com>, public-html-a11y@w3.org, "Paul Cotton" <Paul.Cotton@microsoft.com>, jbrewer@w3.org, cyns@exchange.microsoft.com, janina@rednote.net
Message-ID: <OF68898AB4.C13A6521-ON86257C15.0064CB53-86257C15.006618F2@us.ibm.com>


Hi Jatinder,

The drawSystemFocusRing(element) and drawCustomFocusRing(element) work in
Chrome Canary on Mac and Windows. You can run the windows magnifier and it
will follow the focus location.

Here are the directions for running with Canary:

You have to run Chrome with a flag for it to work. You can go to
chrome://flags and enable "Enable experimental canvas features" (and then
restart the browser), or else run Chrome with
the --enable-experimental-canvas-features command-line flag.

Here is the canvas clock example:
http://www.w3.org/2013/09/accessible_canvas_clock.html

Here is a sample with two canvas drawn checkboxes that uses
drawSystemFocusRing():


(See attached file: CanvasEditor.html)

I have cc'd Dominic Mazzoni if you have any Chrome specific questions.

As a refresher:

- Canvas fallback elements are used to maintain a one for one  mapping to
important objects drawn on canvas that must be accessible. These fallback
elements can be placed in the keyboard navigation order and ARIA support
may also be applied to them to support accessibility
- The two focus ring API are used to ensure support for browser system
focus ring conventions and to provide the location of the fallback objects
on canvas (model view controller)

Regards,


Rich



Rich Schwerdtfeger




Received on Thursday, 31 October 2013 18:45:54 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 31 October 2013 18:45:54 UTC