Ce n'est pas un effort ponctuel, à produire une seule fois par une seule personne, mais de bonnes habitudes à prendre et à mettre en pratique en continu par toutes les personnes qui contribuent à la création et à la maintenance du site.

Faire de bons choix avant de commencer

Créer un site accessible est plus facile quand on part sur de bonnes bases. Le choix du prestataire, du CMS, des frameworks et des différents composants réutilisables sont déterminants.

• Un bon prestataire : choisissez un prestataire qui travaille selon les standards du web et qui a de l'expérience (ou au moins une formation) en accessibilité numérique. Vous en trouverez dans notre liste de prestataires reconnus.
• Un CMS qui permet de créer du contenu accessible : le choix du CMS ne peut pas garantir l'accessibilité du résultat final, mais certains CMS permettent d'obtenir un résultat accessible plus facilement que d'autres.
• Des frameworks et des composants accessibles : inutile de réinventer la roue, beaucoup de travail a déjà été fait pour créer des composants accessibles. Malheureusement, il circule également de nombreux composants qui ne sont pas accessibles. Lorsque vous intégrez un composant (pour un calendrier, un panier dans un magasin virtuel, un bouton qui agrandit le texte, etc.), choisissez celui qui est accessible. Sur GitHub, nous avons répertorié quelques widgets accessibles.
• Services externes : si vous intégrez des services externes dans votre site (module de paiement, reproduction de vidéos, partage de page via les réseaux sociaux, etc.), prenez soin d'en sélectionner un qui est accessible.

Sensibiliser et former

Assurez-vous qu'il y ait dans votre organisation un "champion" de l'accessibilité. C'est la personne qui rappelle sans cesse aux autres de ne pas oublier l'accessibilité et vers laquelle on peut se tourner quand on a des questions. Cette personne n'a pas besoin de tout savoir. Elle peut aussi toujours compter sur l'expertise de AnySurfer.

L'accessibilité, ce n'est pas seulement une question technique. Les décisions des graphistes et des responsables du marketing ont également un impact sur l'accessibilité. Assurez-vous qu'un maximum de monde soit sensibilisé :

• Les chefs de projet ou managers ;
• Les graphistes ;
• Les intégrateurs et développeurs ;
• Les analystes et les testeurs ;
• Le département communication, qui va peut-être produire des contenus vidéo ou des brochures ;
• Tous les rédacteurs et contributeurs de contenu. Il est important que, eux aussi, suivent les règles d'accessibilité. Une formation leur est destinée.

Adapter votre manière de travailler

L'accessibilité n'est pas un projet avec une date de fin. Il faut l'inclure tout au long du cycle de vie d'un site web. Depuis les premières étapes de la création du site et à chaque nouveau choix, ajout de page ou d'élément, ayez toujours l'accessibilité à l'esprit.

• Incluez l'accessibilité dans le cahier des charges et dans les différentes phases de test ;
• Ne créez plus de contenus qui ne sont pas accessibles. Ayez le réflexe de penser à l'accessibilité chaque fois que vous créez une nouvelle page web ou document ;
• N'attendez pas que le site soit fini pour vérifier son accessibilité. Il est possible de tester et de détecter des problèmes assez tôt dans le design et le développement du site. À ce moment-là, les problèmes sont plus faciles à résoudre que plus tard dans le projet. Lors d'un développement agile, vous pourriez, par exemple, intégrer l'accessibilité tous les 5 sprints.

Prioritiser

Rendre un site existant accessible n'est pas aussi facile que de développer un nouveau site accessible. Si vous ne pouvez pas tout faire, choisissez les priorités et mettez bien l'utilisateur au centre de la réflexion.

• Commencez par la navigation. Si elle n'est pas accessible, cela n'a pas beaucoup de sens de travailler sur l'accessibilité du contenu ;
• Commencez par les parties du site les plus visitées ;
• Commencez par les éléments que l'on retrouve sur chaque page du site ;
• Ne vous laissez pas décourager par une montagne de documents inaccessibles. Focalisez-vous sur les nouveaux documents et veillez à ce que tous les nouveaux documents soient accessibles.

Poser des exigences aux fournisseurs

Si vous sous-traitez la réalisation de certains contenus (par exemple, une vidéo, un calendrier, un magazine qui sera disponible au format PDF), indiquez dans le contrat que ces contenus doivent être accessibles.

Il ne suffit pas toujours d'indiquer l'obligation de construire un site accessible dans le cahier des charges. À la réception du travail, vous devez prévoir un moyen de contrôler si l'accessibilité est bien réelle. Il existe plusieurs manières de procéder :

• Vérifiez vous-même l'accessibilité du résultat. Vous pouvez faire quelques tests simples vous-même ou utiliser des outils de test automatiques. Attention, les outils de test ne détectent pas tous les problèmes et il faut avoir une bonne compréhension de l'accessibilité pour interpréter les résultats.
• Organisez des tests avec plusieurs utilisateurs.
• Faites appel à AnySurfer pour un audit.

Nous vous encourageons, si possible, à combiner les trois méthodes. À force de porter un regard critique sur votre site, vous aurez de moins en moins besoin d'une aide externe.

Partager

Si vous décidez d'améliorer un module ou widget accessible, n'améliorez pas uniquement votre version du module, mais également le module original. Signalez les bugs éventuels au développeur afin qu'il puisse les corriger. Cela sera utile pour les futurs utilisateurs de ce module.

Si l'on se demande pour qui l'accessibilité numérique est importante, la réponse courte est : pour tous. Tout d'abord, nous pensons aux personnes handicapées, pour qui l'accessibilité est indispensable. Mais, quand il est accessible, un site web, une application mobile ou un document est également plus facile à utiliser pour tout le monde.

Personnes handicapées

En moyenne, les personnes handicapées représentent 16 % de la population et elles visiteront, elles aussi, votre site web. Il existe de nombreuses aides à l'utilisation des ordinateurs et des smartphones. Lors de la création de votre site, assurez-vous qu'i sot compatible avec les différentes technologies d'assistance. De cette manière, vous donnez accès à tous, quel que soit le handicap ou l'équipement utilisé.

Si vous souhaitez voir différents utilisateurs à l'œuvre, le W3C a produit une série de vidéos, accessibilité perspectives qui illustrent bien comment différentes personnes utilisent leur ordinateur.

Parmi les visiteurs potentiels de votre site web, il y a :

Tout le monde

Il n'y a pas que les personnes handicapées qui bénéficient d'un site plus accessible :

Cela fait donc beaucoup de monde. Enfin, n'oublions pas que nous pouvons tous être un jour en situation de handicap, qu'il soit temporaire ou non, et que nous sommes tous amenés à vieillir. L'accessibilité, c'est pour tout le monde.

En savoir plus sur Pourquoi rendre un site web ou une application mobile accessible ? et Comment créer des sites accessibles ?

Le W3C a compris très tôt que le web est un médium fantastique pour les personnes handicapées.

• La version 1 de WCAG existait déjà en mai 1999. C'est très important qu'il y ait un standard, mais s'il n'est pas connu et appliqué, il ne sert à rien. La mission d'AnySurfer a toujours été de le promouvoir.
• WCAG 2.0 a été publié en décembre 2008. Le contenu était très différent de celui de la première version.
• La prochaine version, WCAG 2.1, a été publiée en juin 2018. C'est une extension de WCAG 2.0 : tous les critères de succès de WCAG 2.0 font aussi partie de WCAG 2.1, mais de nouveaux critères ont été ajoutés pour prendre mieux en compte les besoins de tous les utilisateurs.
• Le 5 octobre 2023 les Web Content Accessibility Guidelines 2.2 deviennent la nouvelle norme : 9 nouveaux critères s'ajoutent aux existants. Un seul critère de succès, 4.1.1, est supprimé, après avoir été marqué comme obsolète dans la version 2.1.

WCAG se compose de critères des succès testables répartis en trois niveaux : A, AA et AAA. WCAG 2 Quick reference permet de filtrer les critères par niveau.

Pour satisfaire la Directive Européenne et la législation Belge, les sites web du service public doivent être conformes à WCAG niveau AA.

À quoi correspond le label AnySurfer?

Les sites web qui obtiennent le label AnySurfer sont en conformité avec WCAG 2.1 niveau A au minimum.

Dans cet article, nous expliquons comment ajouter une alternative textuelle à une image, étape par étape, pour chaque plateforme. L'article Quelle alternative textuelle pour mon image vous donne plus d'infos sur le contenu à donner à cette alternative textuelle en fonction du contexte.

Twitter

Desktop

1. Créez un nouveau tweet et ajoutez une image.
2. Cliquez sur "ajouter description" ("add description" en anglais) sous la photo pour ajouter une alternative textuelle de maximum 1000 caractères.
   
3. Cliquez sur "enregistrer" (ou "save") pour ajouter la description. Vous pouvez en ajouter une par photo.
4. Publiez votre tweet.

Note : Il est aussi possible d'ajouter une description pour un GIF, mais pas pour une vidéo.

Pour plus d'informations, consultez les pages d'aide de Twitter, How to make images accessible for people (seulement en anglais).

Mobile

Quand vous ajoutez une photo par l'application mobile de Twitter, vous pouvez cliquer en bas à droite sur "+ALT" pour ajouter une description.

De la même manière que sur desktop, c'est possible pour les GIFs mais pas pour les vidéos.

Facebook

Desktop

1. Créez un nouveau message et ajoutez une image.
2. Cliquez sur le bouton "modifier" qui apparait quand vous survolez la photo. Dans le menu qui apparait à gauche de la photo, cliquez sur "Texte alternatif".
   
3. Facebook prévoir deux possibilités. Par défaut, c'est le texte alternatif généré par Facebook qui est sélectionné, mais il est aussi possible de renseigner un texte alternatif personnalisé. Il faut choisir la deuxième option, car l'intelligence artificielle n'est pas au point pour fournir des alternatives textuelles utiles.
   
4. Cliquez sur "Enregistrer" et publiez votre message.

Note : il n'est pas possible d'ajouter une alternative textuelle pour les GIFs ni les vidéos.

Les pages d'aide de Facebook contiennent toute l'info sur les alternatives textuelles.

Mobile

Dans l'application Facebook, cela fonctionne de la même manière sauf qu'au lieu de cliquer sur un bouton "Modifier", il faut cliquer sur un bouton contenant trois petits points. Ensuite, il faut sélectionner "Modifier le texte alternatif" pour ajouter votre propre texte. Cliquez sur "Terminer" pour continuer à éditer votre message.

LinkedIn

Desktop

1. Créez un nouveau message et ajoutez une image.
2. Sous l'image, vous pouvez sélectionner "Texte alternatif" et vous pouvez ajouter une alternative textuelle de maximum 300 caractères.
   
3. Cliquez sur 'Enregistrer' puis 'Terminer', puis publiez votre message.

Note : il n'est pas possible d'ajouter une alternative textuelle pour les GIFs ni les vidéos.

Trouvez plus d'informations dans les pages d'aide de LinkedIn, dans l'article Ajout de texte alternatif aux images pour l'accessibilité

Mobile

Il n'est malheureusement pas possible d'ajouter une alternative textuelle en utilisant l'application mobile de LinkedIn.

Instagram

Desktop

1. Créez un nouveau message et ajoutez une image.
2. Après avoir édité la photo avec d'éventuels filtres, il y a un écran qui permet d'ajouter une légende. Cet écran contient aussi un bouton "Accessibilité".
   
3. Cliquez sur "partager" pour publier votre message.

Note : Il n'est possible de publier des descriptions pour les vidéos que dans certaines régions (et la Belgique n'en fait pas partie). Nous n'avons pas trouvé d'information sur les GIFs.

Plus d'informations dans l'article Modifier le texte alternatif d'une publication sur Instagram

Mobile

Dans l'application mobile, les paramètres d'accessibilité se trouvent sous "paramètres avancés" en tout petit en bas. Il n'est malheureusement pas possible d'ajouter des alternatives textuelles aux stories.

Pinterest

Desktop

1. Créez une nouvelle épingle et ajoutez une image.
2. Cliquez sur le bouton "Ajouter un texte alt" qui apparait alors.
3. Ajoutez une alternative textuelle de maximum 500 caractères.
4. Cliquez sur 'Enregistrer'.

Note : Sur Pinterest, il est aussi possible d'ajouter une alternative textuelle de maximum 500 caractères à une vidéo.

Plus d'infos sur les pages d'aide de Pinterest : Ajouter un texte de substitution à vos épingles .

Mobile

L'ajout d'une alternative textuelle se passe de la même manière que sur desktop