Accessible canvas clock

drawSystemFocusRing not enabled. In Chrome 31 and higher, open chrome://flags and enable experimental canvas features, then restart the browser.

00:00

This is a demo of the drawSystemFocusRing (whatwg, w3c) API for HTML Canvas elements.

Try moving the minute or hour hand with the mouse, or tab to them with the keyboard and adjust them like sliders. It's fully accessible using screen readers and magnifiers.

Copyright 2013 by Dominic Mazzoni, Google Inc.