PDA

View Full Version : [3.0] Accessibility (508 improvements)



TommyMaintz
24 Apr 2009, 12:12 PM
Our goal is to implement this in Ext 3.0 RC2, and hopefully get it stable enough to include into Ext 3.0 Final. So far we have implemented global keyboard navigation that will work on almost any existing app by including a file called ext-a11y.js with minimal changes required to your code. The next step is to add all the required attributes and events to the DOM elements of our components to support the ARIA specification.

You can find a bleeding edge (very buggy/unpolished) example of the global keyboard navigation here:
http://extjs.com/deploy/ext-3.0-rc1/examples/key-feed-viewer/view.html

Keys:
Tab / Shift + Tab - Navigate between containers
Enter / Esc - Enter and leave a container
Left / Right - Navigate between buttons inside toolbars

Note the file that does all the magic in this example is called Focus.js. There is still room for a lot of improvement, and I still have many ideas (like shortcuts), but all your feedback is very much appreciated.