Retour de l’Arlequin pour tous

Mosaïques : En vracMôa ! Et vous...

lundi 1 octobre 2012

Ne trépignez pas mes enfants ! Ne pleurez pas mes enfants ! Essuyez votre nez suintant de morve, séchez vos larmes, l’Arlequin est de retour ! Pour le meilleur et le pire, il s’est absenté deux mois afin de se refaire un nouveau costume à la hauteur de des fols ambitions.

Masque Arlequin
[Source image]

Les modifications ne portent pas seulement sur l’apparence du site (au passage, j’espère que le nouveau graphisme vous plaît) pour faire joli minois, fut-il espiègle. Non, elles visent un rêve qui s’est enfin concrétisé : l’accessibilité du site ouvert à tous ! La première étape fut franchi en 2009 en rendant le site conforme aux standards W3C mais depuis, je n’avais ni le temps, ni les connaissances, ni l’argent nécessaire pour aller plus loin.

C’est chose faite grâce à Alsacréations dont les compétences et le sérieux ne sont plus à démontrer. Il a fallu intervenir sur la structure du site (le squelette si vous voulez) et sur le contenu (les articles et les pages) pour rendre le tout compatible aux normes WAI. Quésaco ? Ce sont des recommandations émises par le consortium World Wide Web (W3C) et considérées maintenant comme la norme mondiale pour la conception de sites web accessibles à tous. Elles se déclinent sous trois niveau :

  • Niveau A (ou bronze) : le site a pris en compte les recommandations essentielles de l’accessibilité. Le site Web a un bon niveau d’accessibilité qui permet en particulier aux personnes en situation de handicap de le consulter via des aides techniques (terminal Braille, logiciel lecteur d’écran, synthèse vocale, …).
  • Niveau AA (ou argent) : en plus des recommandations essentielles d’accessibilité, le site a respecté des recommandations facilitant la navigation. Le site a un très bon niveau d’accessibilité.
  • Niveau AAA (ou or) : le site a respecté toutes les recommandations d’accessibilité. Le site a un excellent niveau d’accessibilité.

L’Arlequin peut être content de lui en atteignant le niveau AA (argent) mais il ne veut pas reposer sur ses lauriers. Au contraire, il cherche à pousser la barre toujours plus haut et, pour cette raison, il demande à tous les usagers de tester le site dans tous les sens et de lui faire part de tous les erreurs ou dysfonctionnements qui pourraient survenir. Après tout, les meilleurs experts, c’est vous qui naviguez de site en site !

C’est bien joli tout ça mais qu’entendons-nous par accessibilité ? Elle englobe les personnes ayant un handicap (cécité, surdité, daltonisme, moteur, cognitif…) mais aussi tous les gens qui ne sont pas habitués à l’Internet, qui n’ont pas de matériel classique (connexion lente, absence de souris, petit ou grand écran…), etc. Tout le monde est donc gagnant : en facilitant l’accès à tous sur mon site, j’espère en contrepartie toucher un public plus large et donc obtenir une fréquentation plus forte (je sais, c’est juste une histoire d’ego au final).

Pour finir, voici quelques articles qui m’ont bien dépanné pour savoir où et comment améliorer le contenu pour qu’il soit lisible au plus grand nombre :
Faire un site web accessible
Bien utiliser le texte alternatif
Des citations bien balisées
Bien expliciter les abréviations
Bien préciser la langue d’une page web

Dans la même catégorie

9 Pierrot ont pris leur plume. Et toi ?

  1. Corinne

    ok message reçu et nous allons tester le site en long en large et en travers et gare à nos critiques impitoyables !!! Mais je ne doute pas d’un résultat magnifique !!!
    et bravo pour ta ténacité et ton dynamisme.

    lundi 1 octobre 2012 à 21 h 36 min
  2. Sirtin

    Merchiiii !
    😀

    mardi 2 octobre 2012 à 11 h 19 min
  3. Coucou Sirtin,

    J’adore la nouvelle version de ton site. Néanmoins j’ai deux questions :
    – en quoi ton site est accessible ? Je ne vois pas par exemple les sigles + et – pour agrandir la taille de la police de tes articles pour les malvoyants.
    – il manque encore les boutons des réseaux sociaux : pour pouvoir partager ton article sur fb ou twitter, on aimerait que cela se fasse depuis ton article et non pas en copiant-collant le lien. 😉

    Sinon, superbe!!! J’adore le background. 😉

    Bises et à très bientôt. 😉

    mercredi 17 octobre 2012 à 17 h 22 min
  4. Sirtin

    C’est vrai que dans la version précédente, il y avait les boutons de partage facebook et twitter. Elles ont disparu dans cette nouvelle version tout simplement par oubli de l’intégrateur. J’attends justement sa réponse pour savoir si c’est possible de les ajouter tout en maintenant l’accessibilité du site à tous.

    C’est difficile de te répondre brièvement tellement il y a de détails à expliquer. Ce qui me fait penser que ce serait bien que je créé une page « accessibilité » pour expliquer un peu tout ça. Les liens que j’ai donné délivrent déjà un aperçu. Pour répondre à ta question, il suffit d’appuyer sur les touches [ctrl] et [+] ou [-] pour agrandir ou réduire. Ou encore zoomer avec la molette de la souris tout en maintenant la touche [ctrl] enfoncée. Enfin, si tu vas dans les préférences de ton navigateur, tu peux choisir la taille de la police. Par défaut, elle est fixée à 16 et rien ne t’empêche de mettre une valeur plus élevée. Il faut alors faire en sorte que le site accepte ce choix tout en gardant à peu près le même graphisme.

    Il y a aussi les images et les vidéos à expliciter pour les aveugles, bien choisir les couleurs pour les daltoniens, bien hiérarchiser les titres (h1, h2, h3…), permettre une navigation par tabulation pour ceux qui ne peuvent utiliser la souris, etc, etc.

    Oui, décidément, je ferais une page pour mieux comprendre les coulisses. Elle sera disponible dans le footer (en bas du blog).

    A part ça, super que ça te plaise, ça me fait plaisir.
    😀

    mardi 23 octobre 2012 à 16 h 40 min
  5. pénélope

    Merci de faire tout ça pour nous!
    Étudiante en psychologie, à distance c’est à dire seule… Je suis bien contente de pouvoir compter sur Arlequin!
    Merci

    samedi 17 novembre 2012 à 15 h 42 min
  6. Sirtin

    Ardu domaine que tu as choisi de déchiffrer, je te souhaite bien du courage.

    Sinon, pour info, la page accessibilité a été créée. Il ne reste plus que les boutons de partage à insérer mais pas si simple que ça…

    mardi 20 novembre 2012 à 19 h 51 min
  7. Sirtin

    Et voilà, les boutons de partage ont enfin été intégrés de telle manière que cela respecte les standards w3c et le graphisme du blog.
    😎

    mardi 22 janvier 2013 à 15 h 54 min
  8. gishlaine

    si ton enfant joue avec de la pâte a modeler, c’est pour répéter ce qu’il voit et reflète avec ses doigts ce qu’il peut refléter devant un miroir. A l’envers, un aveugle doit toucher de ses mains pour reproduire ce qu’il a senti et reconnu, bonne mémoire a chacun de faire à sa manière.

    mardi 7 avril 2015 à 18 h 11 min
  9. Sirtin

    Merci pour cette information. Effectivement, ce n’est pas la même chose.

    dimanche 12 avril 2015 à 21 h 54 min

Les champs marqués d'une astérisque * sont obligatoires

Markup Controls gras italique citer liens
Emoticons Sourire Grand sourire Triste Stupéfait Mouais Classe Sourire taquin Clin d’œil Rougir Démoniaque Tordu Sourire vert

Envie d'une image avec ton nom ?

Alors, va sur le site Gravatar et inscris toi pour télécharger ton image. Il ne reste plus qu'à entrer la même adresse mail sur le blog que celle choisie sur Gravatar et ton avatar est affiché ! Ch'est pô beau cha ?