Download ppt - ARIA et les librairies JS

Transcript
Page 1: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

ARIA et les librairies JS

1

Page 2: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

2

Un mot sur les librairies JS

2

Page 3: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

3

Etat de l'Art

3

Page 4: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

Dojo

4

• Forte implication d'IBM (un des

acteurs majeurs de la spécifications ARIA)

• Dijit intègre nativement ARIA

• API pour manipuler rôle et état ARIA

• Existence d'un accessibility statement

http://docs.dojocampus.org/dijit/a11y/statement

Page 5: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

GWT

5

• Soutenu par Google

• Certains UI Widgets intègrent nativement ARIA

• class Java pour manipuler rôle, état, liveregion ARIA

http://code.google.com/intl/fr/webtoolkit/doc/latest/DevGuideA11y.html

Page 6: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

YUI

6

• Soutenu par Yahoo

• Plugins ARIA pour certains Widgets existant (YUI 2.6)

• Function js node et nodefocus-manager pour manipuler rôle, état, property, focus

http://www.yuiblog.com/blog/2008/10/02/yui-aria/http://www.yuiblog.com/blog/2009/08/03/aria-made-easier-with-yui-3/

Page 7: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

Jquery

7

• Soutenu par Mozilla

• Certains Widgets jQuery UI intègrent nativement ARIA

• Plugins tiers intégrant ARIA : jARIA, jQuery Accessible RIA, plugins du filament group, etc

• Function js manipuler rôle, état, property, focus

http://jqueryui.com/demos/ https://github.com/fnagel/jQuery-Accessible-RIA/wiki

Page 8: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

Jquery Slider

Natif :http://jqueryui.com/demos/slider/hotelrooms.html

Amélioré par le Filament Group :http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

Page 9: ARIA et les librairies JS

Temesis – 18, Rue Lucien Granet – 33150 – Cenon – France - +33 5 56 401 402Aurélien Levy – 3 décembre 2010 - Paris

Contact et crédits

Contact : Temesis18, Rue Lucien Granet33150 Cenon – FranceTél : +33 5 56 401 402Tél : +33 5 56 401 403

http://www.temesis.com

Crédits photo : crises_crs, Alan Chia

9