Widgets accessibles sur Github

Vous cherchez un diaporama accessible? Une fenêtre de dialogue modale? Un lecteur vidéo? Parmi le grand nombre de widgets Javascript qui existent, la majorité ne sont pas accessibles au clavier ou avec un lecteur d'écran. Pour vous aider à vous y retrouver, nous avons commencé une liste de composants  accessibles sur Github, testés et approuvés par nous.

Vous avez vous-même codé un widget accessible, ou vous voulez en recommander un? Excellente idée, n'hésitez pas à nous le signaler.

• Notre sélection de widgets sur Github
• Onclick sur un span? Utilisez plutôt un lien ou un bouton

Choix graphiques et CSS

Si vous voulez que votre site soit lisible pour des personnes malvoyantes ou dyslexiques vous choisirez soigneusement votre police de caractères et vous ferez attention à la taille du texte, à la longueur des lignes, aux espaces et aux contrastes. Mais, comme l'indique Romy Duhem-Verdière dans son article sur les polices pour personnes dyslexiques, il sera difficile de satisfaire tout le monde.

Il faut donc veiller à ce que chacun puisse faire usage des nombreux outils (zoom, haut contraste, lecteur d'écran) disponibles pour accéder l'information dans un format qui lui convient. Cela se joue au moment de l'intégration. Il faut par exemple bien séparer le contenu (HTML) et la mise en page (CSS) et faire attention à la manière dont vous implémentez les polices d'icônes.

• Quelle police pour les dyslexiques?
• Contenu généré par CSS
• Polices d'icônes : tests avec lecteur d'écran et solutions

iBooks

Le format iBooks est l'interprétation d'Apple de la norme ePub pour les livres numériques. Ceux-ci peuvent être créés avec iBooks Author, une application gratuite, mais uniquement disponible pour Mac. Nous avons publié un article de blog qui aborde la création de iBooks accessibles.

Angular JS

Johan Ronsse a récemment décrit les problèmes d'accessibilité que l'on rencontre sur les sites de la ville d'Anvers et de Studio Brussel. Ces deux sites sont construits avec Angular JS, un framework Javascript populaire de Google, prévu à la base pour des applications web.

Les deux plus grand problèmes identifiés sont la gestion du focus et le manque de sémantique. Mais Angular est très flexible et si certains composants ne sont pas accessibles, vous pouvez les modifier comme bon vous semble.  La bibliothèque Angular Material et le module ngAria sont des outils qui peuvent vous y aider.

Est-ce possible de créer des sites web accessible avec Angular? Oui, c'est possible, mais cela demande plus de travail et à notre avis de bonnes compétences en accessibilité. Nous ne vous conseillons pas d'utiliser ce framework si votre objectif est de créer un site accessible. Mais si c'est votre choix, nous pouvons vous conseiller.

• Angular JS is not for websites
• Angular Material , a set of reusable, well-tested, and accessible UI components.
• Accessibility with ngAria

Derniers mois pour utiliser vos chèques formation

Jusqu'en octobre de cette année, vous pouvez utiliser des chèques formation pour payer nos formations et bénéficier de cette manière d'un prix réduit. Notre agrément se terminera ensuite et nous ne comptons pas le prolonger car nous avons eu très peu d'inscriptions par ce biais.

Que ce soit avec ou sans chèques formation, n'hésitez pas à nous contacter si vous souhaitez prendre part à une des formations organisées, en organiser une ou être tenu au courant des prochaines formations.

• Formation technique : prochaine session le 18 mai
• Formation pour les rédacteurs
• Vidéos accessibles
• Créer des documentsPDF accessibles à partir de Word
• Créer des documentsPDF accessibles à partir de InDesign

Nouveaux labels AnySurfer

La  liste des sites labellisés compte 145 sites web. Depuis la dernière infolettre en mai, 53 sites web ont obtenu ou prolongé leur label. Parmi ceux ci se trouvent :