Catégories
accessibilité

Pourquoi l'accessibilité est-elle importante sur Internet ?

Pour répondre à cette question il faut bien comprendre ceci : sur l’Internet, la différence entre une personne handicapé et une personne non handicapé n’est pas sociale comme dans la vie courante.

En effet, comme vous ne voyez pas « l’autre », vous n’avez pas d’apriori sur ses capacités et vous ne ressentez pas la pitié que vous pouvez avoir quand vous voyez une personne dans un fauteuil ou qui a du mal à manipuler un stylo ou tout autre objet utile.

Ainsi, pour ces personnes là, l’Internet est un bon moyen de passer des barrières, ils deviennent ex aequo avec les personnes dites « valide »… sauf si les outils disponible ne sont pas adéquat et si le contenu fourni n’est pas accessible.

Un exemple simple de contenu non accessible est de numériser (avec un scanner) une page de journal : les personnes atteinte d’handicap visuel ne pourront pas accéder à ce texte parceque les outils qu’ils utilisent (clavier braille, lecteur d’écran) ne sont pas capable de déchiffrer cette image.

Cela ne concerne qu’une petite portion de la population me diriez vous ? Pourtant regarder dans votre entourage, sans avoir de handicap lourd, tout le monde à son petit handicap : dans ma famille il à de nombreux cas d’un handicap visuel léger, dans ma belle famille s’est un handicap moteur léger. Dans les deux cas, rien de catastrophique, mais potentiellement beaucoup de soucis pour utliser les outils et les méthodes de travail si par exemple vous mettez vos commentaires en couleur dans un mail pour les faire ressortir ou si l’application utilisé possède des boutons minuscules.

Le handicap ne s’arrête pas là où nous pensons, un de mes professeur d’ergonomie disait même :

Pour une application en anglais, un utilisateur français est handicapé.

Au final, tout le monde possède son petit handicap, et tout le monde tente de vivre avec malgrès le regard des autres. Cependant là ou l’Internet nous soustrait du regard des autres, il doit continuer à supprimer les barrières entre les hommes quelques soit leur problèmes.

Voici une petite vidéo (avec sous-titres) pour se mettre dans l’ambiance :

WCAG :
« Web Content Accessibility Guidelines », soit « directives pour l’accessibilité des contenu du web » en français.

Et vous, c’est quoi votre handicap ?

Catégories
accessibilité

L'Arachnothère

Sunbird
Sunbird

Quand on est partie sur une idée, on la garde ! Ainsi la fondation Mozilla est resté avec des nom d’animaux pour ces projets et le Nectariniidae est devenue l’emblème de Sunbird (traduction littérale de l’anglais).

Je n’ai trouvé absolument aucune raison à ce choix. Si vous avez une idée ne manquez pas de me la faire savoir. La seule que je vois, c’est l’esthétique de l’animal…

Un Arachnothère est un oiseau de cinq centimètre environ qui mange des araignée (je sens que je vais bien m’entendre avec). Cette oiseau est absolument magnifique

Nectariniidae (cc par Lip Kee)
Nectariniidae (cc par Lip Kee)

Le logiciel libre qui a pris ce nom permet d’organiser ses rendez-vous, de planifier… bref s’est un calendrier ! Il s’intègre parfaitement à son frère Thunderbird grâce auquel il peut gérer des invitations aux rendez vous. Il peut aussi se synchroniser avec des service de calendrier en ligne comme Google Calendar.

Catégories
accessibilité Technologie

des champs accessibles avec label

Juste pour prêcher la bonne paroles aux développeurs web, voici un focus sur une balise HTML trop souvent oublié :<label>

Comme son nom l’indique, cette balise sert à étiqueté un champs de formulaire, c’est à dire à créer un lien entre le champs et le sens de ce champs : le texte qu’il le décris.

A quoi ça sert ?

  1. Souvent Toujours, la relation est évidente car le texte se trouve juste à côté, en tout cas graphiquement ce que ne voit pas une personne atteinte de handicap visuel !
  2. Pour tout ceux qui possède un handicap moteur, c’est à dire tout ceux qui n’ont pas joué à Quake et autre FPS, atteindre un bouton radio en moins d’une seconde est véritable défit ! La balise <label> permet de cliquer sur le texte accompagnant pour cocher ou non un bouton radio ou une case à coché, ce qui va leur simplifier la vie !

Comment ça fonctionne :

démo

<label for="yes" title="Oui">Oui</label>
<input type="radio" id="yes" name="test" />
<label for="no" title="Non">Non</label>
<input type="radio" id="no" name="test" />
l1040137.jpg
Trace blanche dans un ciel bleu

Cela fait longtemps que j’utilise cette balise qui permet d’améliorer considérablement l’ergonomie d’une application sans pour autant être difficile à mettre en place et sans nécessiter l’approbation de qui que ce soit.