WCAG 2.0, Flash, PDF, Javascript sont dans un bateau...

Notes de l'éditeur

• #2: Penser à présenter rapidement Temesis et Atalan
• #4: Lors de la précédente édition de Paris Web, les WCAG 1.0 étaient encore la recommandation officielle. Depuis, le 11 décembre 2008, c'est désormais la seconde version de ce référentiel qui fait office de recommandation officielle. Plusieurs mois se sont écoulés, j'espère que vous en avez profitez pour vous renseigner sur le sujet, les WCAG ont été traduits en français, les articles sur le Web sont nombreux...
• #5: Présentation des WCAG. 4 principes, 13 recommandations, 56 critères Perceptible (perçu par les sens), utilisable (utilisé et simplement), compréhensible (qui peut être compris, langue, jargon, ...), robuste (compatible avec les technos présentes et futures). = fondations garantissant l'accessibilité
• #6: Concepts ouverts pour répondre aux besoins d'accessibilité sans être spécifique à une technologie (comme seulement HTML/CSS). Référentiel applicable à de nombreuses technologies existantes ou futures. C'est un des grands changements avec les WCAG 1.0.
• #7: C'est cet aspect que nous allons traiter, notamment en vous parlant de l'accessibilité des technos Flash, PDF, Javascript, AJAX et rapidement quelques autres.
• #8: Critique : cela en fait un document très complexe à appréhender, surtout pour un technicien dans le document principalement ne traite pas de technos.
• #9: Heureusement beaucoup de documents, appelés documents d'accompagnement : présentation rapide de la structure ? Principes (document principal) - Règles (idem) – Critères de succès (accompagnement) – techniques suffisantes et techniques recommandées (accompagnement) – Glossaire Nous ne traiterons pas dans le détail les WCAGs, nous n'aurions pas le temps. Nous vous conseillons de nombreuses ressources, que vous trouverez dans notre support de présentation.
• #11: c'est ce que veut mon client, c'est ce que je connais, parce que je peux pas le faire avec autre chose, parce que comme le dirait Adobe Flash c'est trop IN web 2.0, rich media, RIA, tout ça
• #12: Accessible depuis flash player 6, utilisable au clavier, compatible aides techniques (rôle, name, state) , composant natif plus ou moins accessible si accessibilité activé dans flex, travail avec nvda
• #13: Dans Flash professionnal -> panneau accessibilité pour alternative texte aux boutons, clip, etc, contrôle de l'ordre de tabulation, étiquettage automatique -> tout faisable par script aussi (guideline 1,1) this.mon_btn.accessibilityProperties= new AccessibilityProperties(); this.mon_btn.accessibilityProperties.name = “votre alternative texte”; http://www.paciellogroup.com/blog/misc/adobe/flash/samples/basic_sample.html
• #14: Composant par défaut utilisable au clavier sinon faisable à la main et tabindex (tabenabled, tabchildren) (tout les élément sur la scene) (guideline 2,1) http://www.paciellogroup.com/blog/misc/adobe/flash/samples/basic_sample.html
• #15: Pour soutitrage il y a FLVPlayback et FLVPlaybackCaptionning component, support format DFXP(guideline 1,2) http://www.paciellogroup.com/blog/misc/adobe/flash/samples/accessiblevideo/index.html#/0:00.00/
• #16: Capacité vectorielle de flash permet de satisfaire personnalisé l'interface (zoom, contraste, taille texte, couleur, etc) et contrôle du son (guideline 1,4) http://www.paciellogroup.com/blog/misc/adobe/flash/samples/flash_css_switcher/news_storyLink.html http://www.creaturediscomforts.org/play/?v=8 https://www.secure.bnpparibas.net/banque/portail/particulier/HomeConnexion?type=homeconnex&identifiant=secure_bnpparibas_net_20021206152735&typeIdent=accessible&typeFlashAccessible=2 http://www.eduplace.com/kids/sv/books/content/wordsort/?g=1#grade1 http://www.doodledoo.com/accessibility/games/Matching.html
• #24: Javascript a été souvent présenté comme enemi de l’accessibilité, wcag 2.0 change la donne, autorise désormais à ne pas avoir d’alternative si les scripts employés sont accessible cf script non obstrusif et fait également partie des techniques permettant de satisfaire certain critère de succès (cf agrandissement caractère via js qui modifie taille) exemple de menu déroulant accessible http://www.vie-publique.fr/ et non accessible, exemple de fenetre modale pas accessible qd navigation clavier
• #25: Aria est une spec en working draft qui permet de rajouter une couche d’information utile voir indispensable aux personnes handicapés qu’il n’était pas possible d’avoir jusqu’alors. Il y a 3 trucs principaux des roles -> fonction cf xhtml2 role, des états (donne info sur la statue d’une élément cliqué ou pas, désactivé ou pas, qui peut varier dans le temps) et des propriétés = infos. Ça permet de corriger ou améliorer des application existante cd Social Accessibility Project IBM, http://www.accessibletwitter.com/, Bien géré par ie8, FF, safari et opéra T en cours. Permet notamment d’avertir l’utilisateur en cas de mis à jour d’une zone de la page
• #26: (discussion salle emploi des librairies, lesquelles, pourquoi ?) Les librairies javascript prennent de plus en plus en compte l’accessibilité nativement dans leur composants tout fait : Glow, jquery 1.7UI, ExtJs, GWT, Dojo, Fluid, YUI http://finance.yahoo.com/currency-converter#from=USD;to=EUR;amt=1,
• #27: Les technologies de l'info sont là pour faciliter la vie de l'internaute, pour expérimenter, découvrir, créer, apprendre, s'amuser. L'accessibilité n'est pas un frein à tout cela, c'est une opportunité, une opportunité de se creuser les méninges (icône cerveau, telecommande, escalator) de concevoir de nouvelles solutions au bénéfices multiples.
• #28: Ils ne font pas exception car ils ne peuvent plus faire exception Silverlight, HTML5, les librairies JS (dojo, jquery,etc) intègre tous nativement des composant accessibles, ouverture sur exemple bookreader daisy silverlight, tag video http://www.annodex.net/~silvia/itext/elephant_with_skin.html http://www.buttercupreader.net/ http://betalabs.nokia.com/apps/nokia-braille-reader
• #29: Ils ne font pas exception car ils ne peuvent plus faire exception Silverlight, HTML5, les librairies JS (dojo, jquery,etc) intègre tous nativement des composant accessibles, ouverture sur exemple bookreader daisy silverlight, tag video http://www.annodex.net/~silvia/itext/elephant_with_skin.html http://www.buttercupreader.net/ http://betalabs.nokia.com/apps/nokia-braille-reader