Planète Accessibilité

AccessiBlogue : L'infolettre mensuelle d'AccessibilitéWeb est à nos portes !

2009-11-10T18:10:31+00:00

Vous aurez peut-être remarqué l'apparition ces derniers jours, sur notre site Web, d'un petit formulaire dans la section de gauche intitulé « Infolettre AccessibilitéWeb ». En effet, c'est avec plaisir que nous lancerons ce mois-ci la première de ce que nous souhaitons être une très longue série d'infolettres mensuelles portant sur l'accessiblité des sites Web. Vous êtes invités à vous y inscrire, pour être tenus au courant des plus récents développements dans le domaine de l'accessibilité du Web au Québec (...)

BritoWeb : Référentiel Accessiweb 2.0 : appel à commentaires

2009-11-09T17:50:00+00:00

L'association Braillenet planche actuellement sur une nouvelle version de son principal référentiel : la version 2.0, dont les objectifs sont de permettre une compréhension opérationnelle des WCAG 2.0, permettre de vérifier la conformité aux WCAG 2.0 et être cohérent avec RGAA 2.2, outre le fait de fournir une méthode pour la certification de conformité.

Dans ce cadre, elle vient de lancer un appel à commentaires publics. N'importe qui peut consulter le texte actuel du référentiel et soumettre des remarques à ce sujet, et ce jusqu'au 26 novembre prochain.

Vous trouverez plus de renseignements sur la page de l'appel à commentaires publics sur le site de Braillenet.

Sébastien Delorme : Donnez le contrôle des rafraîchissements automatiques

2009-11-09T08:58:16+00:00

Si vous devez mettre en place des rafraîchissements automatiques sur votre site, laissez-en le contrôle à vos visiteurs.

Pourquoi ceci est important ?

Un petit exemple qui vient de m'arriver : il y a quelques minutes je rédigeais un (assez long) commentaire sur le site lepetitjournal.com. J'avais bien avancé dans l'écriture quand soudainement le formulaire s'est retrouvé entièrement vide ! La cause ? Un rafraîchissement automatique toutes les 5 minutes. J'ai finalement quitté le site, sans laisser mon commentaire...

Autres exemples : si vous lisez une page de ce site avec une revue d'écran, toutes les cinq minutes celle-ci va reprendre la lecture au tout début de la page. Il va donc falloir rechercher toutes les cinq minutes où la lecture aura été coupée. Lorsque vous avez des difficultés pour lire un texte sur un écran ou que vous lisez simplement lentement, toutes les cinq minutes la page va remonter et vous devrez faire défiler la page pour retrouver la phrase que vous lisiez.

Plusieurs solutions sont envisageables :

Intégrez un système pour arrêter (puis relancer) le rafraichissement, avec un lien en début de page par exemple (pour pouvoir désactiver les rafraichissements avant que le premier n'ait lieu).
Intégrez un système pour diminuer la fréquence des rafraichissements (l'utilisateur doit pouvoir augmenter l'intervalle de temps entre chaque rafraichissement d'au moins de dix fois sa durée par défaut).
Avertissez l'utilisateur juste avant un rafraichissement (au minimum 20 secondes avant) pour lui permettre de le désactiver ou de modifier sa fréquence.

Plus de renseignements sur la règle 2.2 Délai suffisant : laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu des WCAG 2.0.

Sébastien Delorme : Accentuez les lettres majuscules

2009-11-03T21:40:04+00:00

Faut-il accentuer les lettres majuscules ?

J’ai tendance à régulièrement reprendre ceux qui ne le font pas. Faites-y attention, vous rencontrerez un grand nombre de majuscules non accentuées. Il faut dire que les claviers de PC sont peu adaptés à l’écriture des "É", "È" ou "À". Notre chère Académie française fait d’ailleurs le même constat :

On ne peut que déplorer que l’usage des accents sur les majuscules soit flottant. On observe dans les textes manuscrits une tendance certaine à l’omission des accents. En typographie, parfois, certains suppriment tous les accents sur les capitales sous prétexte de modernisme, en fait pour réduire les frais de composition.

En français, l’accent a pleine valeur orthographique, il convient donc d’utiliser systématiquement les accents, le tréma et la cédille sur les lettres accentuées.

Son absence ralentit la lecture, fait hésiter sur la prononciation, et peut même induire en erreur. Il en va de même pour le tréma et la cédille.

On veille donc, en bonne typographie, à utiliser systématiquement les capitales accentuées, y compris la préposition À, comme le font bien sûr tous les dictionnaires, [...]

Source : Accentuation des majuscules (Académie Française)

Les synthèses vocales sont bien évidemment les premières à être induites en erreur en l’absence des accents ou cédilles sur les lettres majuscules. Ça peut paraître être un détail mais c’est un réel confort pour la lecture.

Pour saisir vos majuscules accentuées, plusieurs possibilités :

En apprenant les codes des lettres et les combinaisons de touches de votre ordinateur (variable entre Mac et PC) : Comment taper une majuscule accentuée ? ;
Même chose en beaucoup plus complet : Aide : Lettres accentuées sur Wikipedia (avec la liste de toutes les lettres accentuées) ;
En utilisant un pilote de clavier enrichi comme kbdfr dk ;
À l’ancienne, en copiant-collant depuis une liste toute prête : À, Ç, È, É, Ê, Ô, Ù (pour ne citer que les plus courants) ;
Ou via toute autre méthode que vous pourrez également trouver via votre moteur de recherche préféré.

BritoWeb : Résultats du deuxième sondage de WebAIM sur les lecteurs d'écran

2009-10-30T11:46:00+00:00

Le site WebAIM a organisé un deuxième sondage sur les lecteurs d'écran, qui a recueilli 665 réponses, et dont les résultats sont en ligne et font l'objet d'un résumé sur le blog de WebAIM.

Voici quelques chiffres rapportés par ce deuxième sondage :

les lecteurs d'écran selon leur popularité :
- 75 % des utilisateurs de lecteur d'écran utilisent Jaws,
- 26 % NVDA (qui progresse considérablement depuis le précédent sondage),
- 24 % Window-Eyes,
- 15 % VoiceOver ;
83,6 % des répondants ont mis à jour leur lecteur d'écran favori durant l'année qui s'est écoulée ;
50 % des répondants utilisent un lecteur d'écran sur un téléphone mobile, ce pourcentage s'élevant à 53 % chez les répondants handicapés ;
50,8 % des utilisateurs cherchent de l'information dans une page en consultant d'abord les titres ;
75 % des répondants ont JavaScript activé sur leur navigateur favori ;
42 % des répondants ne savent pas qu'il existe des fonctionnalités de repère fournies par ARIA ;
62,6 % connaissent des difficultés d'accès à des contenus en Flash ;
les médias sociaux les plus utilisés, voire plébiscités, sont YouTube (51,3 %) et les blogs (47,7 %), tandis que LinkedIn (13,4 %) et MySpace (9 %) sont plutôt boudés : d'ailleurs, les répondants reprochent à ces deux derniers d'être inaccessibles, contrairement aux blogs, à YouTube, à Faceook ou à Twitter ;
les difficultés les plus souvent rencontrées en terme d'accessibilité sont les CAPTCHA, l'ambiguïté des liens, la pauvreté ou l'absence d'alternative textuelle, le Flash, les formulaires complexes et le manque d'accessibilité au clavier.

BritoWeb : RGAA : l'arrêté enfin paru au Journal Officiel

2009-10-29T20:03:00+00:00

Le RGAA a enfin son arrêté, daté du 21 octobre et publié aujourd'hui dans le Journal Officiel.

L'arrêté s'intitule tout simplement Arrêté du 21 octobre 2009 relatif au référentiel général d'accessibilité pour les administrations et ne comporte que deux articles.

Le premier article indique que le RGAA, prévu à l'article premier du décret d'application de l'article 47 de la loi du 11 février 2005, est approuvé et mentionne le site où l'on peut le consulter.

L'article 2 stipule : Le délégué interministériel aux personnes handicapées est chargé de l'exécution du présent arrêté, qui sera publié au Journal officiel de la République française.. Or, il paraît que cette fonction a disparu…

Afin de ne pas me fatiguer à copier-coller, j'invite ceux qui veulent en savoir plus à noter les liens indiqués sur ce billet consacré au RGAA version 2.2.

BritoWeb : Un site sur le design et le daltonisme

2009-10-27T16:44:00+00:00

Outre les problèmes liés au contraste, l'emploi de la couleur peut causer des problèmes d'accessibilité pour les utilisateurs daltoniens.

Étant donné que la prise en compte du daltonisme commence dès le stade de l'élaboration des maquettes graphiques (et même de la charte graphique), un site Web a vu le jour, qui est susceptible d'intéresser les graphistes et autres webdesigners : We are Color Blind, qui fourmille d'exemples (bons et mauvais) de modèles de design.

À ajouter à vos signets.

Sébastien Delorme : Naviguer dans un PDF avec un lecteur d’écran

2009-10-21T22:20:54+00:00

Pour les utilisateurs de lecteurs d’écran comme Jaws ou Window-Eyes, Adobe propose Accessing PDF Documents with Assistive Technology: A Screen Reader User’s Guide (PDF, 368ko).

Le document présente les différentes options d’accessibilité, les types de documents susceptibles d’être rencontrés (documents images scannés, documents non balisés, documents balisés, ...) et les réglages à effectuer selon les cas.

Vous trouverez également la liste des raccourcis clavier à utiliser avec Jaws ou Window-Eyes pour naviguer dans un document PDF balisé (utile également pour ceux qui souhaitent tester leur balisage). Il manque malheureusement la liste pour NVDA, mais il s’agit généralement des mêmes raccourcis que ceux utilisés sur le Web (voir Référence Rapide des Raccourcis Clavier de NVDA).

Vous retrouverez ci-après la liste des raccourcis Jaws de ce document.

Raccourcis génériques Jaws utilisables dans Adobe Reader
Description	Raccourci
Aide Jaws pour Adobe Reader	`Insert` + `F1`
Activer le mode formulaire	`Entrée`
Activer le curseur virtuel	`+` (pavé numérique)
Recherche virtuelle	`Ctrl` + `Insert` + `F`
Page suivante	`Ctrl` + `Page suivante` (Page down)
Page précédente	`Ctrl` + `Page précédente` (Page up)
Atteindre une page précise	`Maj` + `Ctrl` + `N`
Atteindre la première page	`Maj` + `Ctrl` + `Page précédente` (Page up)
Atteindre la dernière page	`Maj` + `Ctrl` + `Page suivante` (Page down)
Tout lire	`Insert` + `Flèche bas`
Créer un label personnalisé pour un champ de formulaire	`Ctrl` + `Insert` + `Tab`

Raccourcis Web Jaws utilisables dans Adobe Reader
Description	Raccourci
Liste des liens	`Insert` + `F7`
Lien suivant	`Tab`
Lien précédent	`Maj` + `Tab`
Ouvrir le lien	`Entrée`
Liste des titres	`Insert` + `F6`
Titre suivant	`H`
Titre précédent	`Maj` + `H`
Formulaire suivant	`F`
Activer le mode formulaire	`Entrée`
Champ de formulaire suivant	`Tab`
Champ de formulaire précédent	`Maj` + `Tab`
Quitter le mode formulaire	`+` (pavé numérique)
Tableau suivant	`T`
Tableau précédent	`Maj` + `T`
Lire la cellule courante (avec rappel des entêtes)	`Ctrl` + `Alt` + `5` (pavé numérique)
Passer à la cellule suivante (et la lire)	`Ctrl` + `Alt` + `Flèche droite`
Passer à la cellule précédente (et la lire)	`Ctrl` + `Alt` + `Flèche gauche`
Passer à la cellule en-dessous (et la lire)	`Ctrl` + `Alt` + `Flèche bas`
Passer à la cellule au-dessus (et la lire)	`Ctrl` + `Alt` + `Flèche haut`
Passer à la première cellule (et la lire)	`Ctrl` + `Alt` + `Début`
Passer à la dernière cellule (et la lire)	`Ctrl` + `Alt` + `Fin`

Sébastien Delorme : Tutoriels et vidéos sur l’accessibilité des documents PDF

2009-10-20T20:48:51+00:00

La communauté AcrobatUsers.com a organisé en juin 2009, un séminaire en ligne et gratuit sur l’accessibilité des documents et formulaires PDF. Celui-ci est désormais consultable en ligne : Accessibility in PDF documents and forms.

A ce propos, la communauté AcrobatUsers.com propose une grande quantité de tutoriels textes et vidéos sur l’accessibilité du format PDF. En voici quelques uns :

Understanding Acrobat’s accessibility (vidéo) ;
Creating accessible PDF files (vidéo) ;
Using the Accessibility Checker in Acrobat 9 Pro (vidéo) ;
What are "PDF tags" and why should I care? (tutoriel HTML) ;
Creating Accessible PDF Forms with Acrobat 9 Pro (tutoriel PDF).

Voici la liste complète des tutoriels textes et vidéos à propos de l’accessibilité des PDF.

Sébastien Delorme : Produire des PDF accessibles avec inDesign

2009-10-18T15:46:11+00:00

J’ai testé il y a peu la production de documents PDF accessibles avec inDesign et le résultat est assez convaincant. Pour ceux qui connaissent un peu le balisage de document PDF, le balisage à la source dans inDesign est un gain de temps énorme.

Deux ressources anglophones pour se lancer :

InDesign Accessibility Best Practices ;
InDesign Accessibility Webinar : e-seminaire programmé le 20 octobre à 18h00 (heure de Paris) puis consultable en archives.