Fwd: Canvas Focus Ring Tests/Demos

Thought this may be of interest to he TF as well. 

Sent from my iPhone

Begin forwarded message:

> From: Mark Sadecki <mark@w3.org>
> Date: November 5, 2013 at 11:30:35 AM EST
> To: Jay Munro <jaymunro@microsoft.com>, jmann@microsoft.com,  Cynthia Shelly <cyns@microsoft.com>, Richard Schwerdtfeger <schwer@us.ibm.com>
> Subject: Canvas Focus Ring Tests/Demos
> 
> Hello Jay and Jatinder,
> 
> It was great to meet you on the call last week.  I agreed to share some links to files that demonstrate how drawStandardFocusRing() is currently working in Chrome Canary.  For these demos to work, you will want to run Chrome with the canvas "experimental features" flag enabled.
> 
> To do this, install the latest Chrome Canary for your platform:
>    <https://www.google.com/intl/en/chrome/browser/canary.html>
> 
> Enter the following in the address bar:
>    chrome://flags
> 
> Enable "Enable experimental canvas features" (and then restart the browser)
> 
> Alternatively, you can run Chrome with the --enable-experimental-canvas-features command-line flag.
> 
> The following file has two canvas drawn checkboxes.  The third button "show Cs" is a visible HTML5 checkbox that shows the style around the actual checkbox so you can compare the default focus outline style. This demonstrates drawSystemFocusRing() and makes use of fallback content with native HTML5 checkboxes.
> 
>    <http://www.w3.org/2013/08/canvas-editor.html>
> 
> The next file also demonstrates drawSystemFocusRing().  It's an accessible canvas clock. Try moving the minute or hour hand with the mouse, or tab to them with the keyboard and adjust them like sliders using your arrow keys. It's fully accessible using screen readers and magnifiers.
> 
>    <http://www.w3.org/2013/09/accessible_canvas_clock.html>
> 
> Let me know if you have any questions!
> 
> Mark
> 
> --
> Mark Sadecki
> Web Accessibility Engineer
> World Wide Web Consortium, Web Accessibility Initiative
> Telephone: +1.617.715.4017
> Email: mark@w3.org
> Web: http://w3.org/People/mark