{"id":1663,"date":"2019-01-24T12:39:37","date_gmt":"2019-01-24T12:39:37","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1663"},"modified":"2020-04-15T12:38:02","modified_gmt":"2020-04-15T12:38:02","slug":"accessibilite-du-site-quest-ce-que-cest-et-pourquoi-cest-si-essentiel","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/accessibilite-du-site-quest-ce-que-cest-et-pourquoi-cest-si-essentiel\/","title":{"rendered":"Accessibilit\u00e9 du site : qu’est-ce que c’est et pourquoi c’est si essentiel ?"},"content":{"rendered":"

Internet est un ph\u00e9nom\u00e8ne tellement mondial et envahissant qu'il affecte tous les aspects de notre vie. Pensez-y, pouvez-vous imaginer le monde sans Internet ? Eh bien, je suppose que vous le pouvez, moi-m\u00eame, je suis de la g\u00e9n\u00e9ration qui n'avait pas de gadgets dans son enfance (peut-\u00eatre sauf la montre \u00e9lectronique chinoise), mais le fait que le monde soit compl\u00e8tement diff\u00e9rent sans cela est une chose avec laquelle vous ne pouvez pas vous disputer. Le Web relie les gens du monde entier, nous aide \u00e0 recevoir des nouvelles et des informations, \u00e0 stocker des documents, \u00e0 planifier des itin\u00e9raires de voyage et m\u00eame \u00e0 pr\u00e9server notre sant\u00e9. Cependant, l'accessibilit\u00e9 Web n'est pas toujours garantie.<\/p>\n

<\/div>\n

\"website<\/p>\n

<\/div>\n

Ils disent que le Web tol\u00e8re tout et que tout le monde peut acc\u00e9der \u00e0 Internet et apprendre quelque chose. Cela sonne bien, mais ce n'est pas vrai. Il existe de nombreux sites Web, inaccessibles aux personnes handicap\u00e9es. Mon ami, parlons de l\u2019accessibilit\u00e9 du site Web, de son importance et de la mani\u00e8re dont vous pouvez rendre votre site Web enti\u00e8rement accessible.<\/p>\n

<\/div>\n
\n
<\/div>\n

Qu'est-ce que l'accessibilit\u00e9 Web ?<\/h3>\n
<\/div>\n

\"website<\/p>\n

<\/div>\n

Environ 15% des habitants de la Terre pr\u00e9sentent certains d\u00e9fauts d\u2019audition, de vision, de mouvement ou de capacit\u00e9s cognitives. L'acc\u00e8s \u00e0 l'information de ces personnes est inclus dans la liste des droits de l'homme, mais certains sites Web sont inaccessibles pour elles. Pour offrir un certain niveau d\u2019accessibilit\u00e9, le site Web doit \u00eatre correctement con\u00e7u et cod\u00e9.<\/p>\n

<\/div>\n
\n
<\/div>\n

Caract\u00e9ristiques d'accessibilit\u00e9<\/strong><\/h3>\n
<\/div>\n
Contraste de couleur<\/strong><\/h5>\n
<\/div>\n

La subtile transition des couleurs peut para\u00eetre tr\u00e8s belle et sophistiqu\u00e9e, mais il y a des gens qui ne voient pas assez bien ou qui \u00e9prouvent des difficult\u00e9s avec la perception des couleurs. L'utilisation de couleurs tr\u00e8s contrast\u00e9es (comme le noir et le blanc, le jaune et le noir, le rouge et le blanc) peut \u00e9galement \u00eatre magnifique et convenir \u00e0 de telles personnes.<\/p>\n

<\/div>\n

\"website<\/p>\n

<\/div>\n
\n
<\/div>\n
Reconnaissance vocale<\/strong><\/h5>\n
<\/div>\n

Avec l'apparition de Siri<\/a>, Alexa<\/a> et Cortana<\/a>, contr\u00f4ler vos gadgets avec la voix devient de plus en plus populaire. Et il y a aussi des gens qui, pour une raison quelconque, ne peuvent pas utiliser leurs mains. Cependant, ils ne pourront tous utiliser le site Web avec la voix que s\u2019il est adapt\u00e9 \u00e0 de telles manipulations.<\/p>\n

<\/div>\n
\n
<\/div>\n
Synth\u00e8se vocale<\/strong><\/h5>\n
<\/div>\n

Les personnes qui ont de gros probl\u00e8mes aux yeux ou qui sont compl\u00e8tement aveugles utilisent des logiciels sp\u00e9cialis\u00e9s qui traduisent le texte en paroles. Cependant, ce logiciel ne pourra pas dire ce qui est sur cette image \u00e0 moins que vous ne tapiez du texte comme description alternative<\/strong>.<\/p>\n

<\/div>\n
\n
<\/div>\n
Mise en page et design<\/strong><\/h5>\n
<\/div>\n

Conception de site Web<\/a> compliqu\u00e9e et originale pourrait impressionner le visiteur, mais cela peut aussi le d\u00e9router. Si les visiteurs ne comprennent pas ce qu\u2019ils devraient faire sur votre site Web, alors vous avez certainement fait quelque chose de mal. Dans ce cas, plus votre navigation et votre mise en page sont faciles, mieux c'est.<\/p>\n

<\/div>\n

\"layout<\/p>\n

<\/div>\n
\n
<\/div>\n
Notifications<\/strong><\/h5>\n
<\/div>\n

Certains propri\u00e9taires de sites Web ne pensent pas que les internautes doivent \u00eatre inform\u00e9s des actions qu\u2019ils effectuent. Mais lorsque vous remplissez un formulaire et qu'il dispara\u00eet sans aucune confirmation, cela pourrait \u00eatre une surprise plut\u00f4t d\u00e9plaisante. La m\u00eame chose concerne les notifications d'erreur. Je d\u00e9teste les messages \u201cDonn\u00e9es non valides<\/em><\/strong>\u201d. Lorsque le message d'erreur indique clairement ce que vous avez mal fait et comment y rem\u00e9dier, tout le monde peut gagner beaucoup de temps.<\/p>\n

<\/div>\n

\"notifications\"<\/p>\n

<\/div>\n
\n
<\/div>\n
Grands \u00e9l\u00e9ments de contr\u00f4le<\/strong><\/h5>\n
<\/div>\n

Les petits boutons et les \u00e9l\u00e9ments cliquables ne sont utiles que si vous voulez que vos visiteurs ne cliquent jamais dessus. Les utilisateurs d'ordinateur ayant une agilit\u00e9 normale pourront cliquer dessus, mais ceux qui acc\u00e8deront \u00e0 votre site Web depuis une tablette ou un smartphone ou les personnes \u00e2g\u00e9es ayant une dext\u00e9rit\u00e9 normalement r\u00e9duite auraient du mal \u00e0 cibler une petite fl\u00e8che de contr\u00f4le. Assurez-vous que les boutons les plus importants (tels que \u00abAcheter maintenant\u00bb) de votre site Web sont suffisamment volumineux.<\/p>\n

<\/div>\n

\"big<\/p>\n

<\/div>\n
\n
<\/div>\n
Contenu personnalisable<\/strong><\/h5>\n
<\/div>\n

Diff\u00e9rentes personnes ont des besoins diff\u00e9rents. Certains pr\u00e9f\u00e8rent effectuer un zoom arri\u00e8re sur le texte et les images et voir une image plus grande, d\u2019autres ne pourront pas lire le texte si les lettres sont trop petites. Si vous donnez des contr\u00f4les de personnalisation entre les mains du spectateur, il va certainement am\u00e9liorer l'UX<\/strong>.<\/p>\n

<\/div>\n
\n
<\/div>\n
Contr\u00f4les du clavier<\/h5>\n
<\/div>\n

Tout le monde ne peut pas utiliser que la souris. Vous pourriez penser que le contr\u00f4ler est une t\u00e2che facile, mais certaines personnes ont des probl\u00e8mes de coordination ou ne peuvent utiliser que les boutons du clavier. Si votre site Web pouvait \u00eatre exploit\u00e9 \u00e0 l'aide d'un clavier, cela faciliterait certainement la vie de telles personnes.<\/p>\n

<\/div>\n
\n
<\/div>\n
Sous-titres vid\u00e9o<\/h5>\n
<\/div>\n

Les personnes sourdes et les malentendantes veulent \u00e9galement regarder des vid\u00e9os, mais cela est impossible si aucun sous-titre n\u2019est associ\u00e9. L'ajout de texte \u00e0 la vid\u00e9o n'est pas si compliqu\u00e9 que vous pouvez l'imaginer, vous devriez donc y penser.<\/p>\n

Bien s\u00fbr, il vaut mieux voir une fois que de lire des milliers de fois, voici une vid\u00e9o de la W3C Web Accessibility Initiative qui d\u00e9crit toutes ces fonctionnalit\u00e9s en d\u00e9tail:<\/p>\n

<\/div>\n

\n

<\/div>\n

Ce ne sont pas seulement les personnes handicap\u00e9es qui auraient pu utiliser ces fonctionnalit\u00e9s. Des couleurs contrast\u00e9es peuvent vous aider lorsque vous essayez de lire quelque chose sur votre t\u00e9l\u00e9phone sous le soleil \u00e9clatant. Les sous-titres de la vid\u00e9o peuvent vous aider lorsque vous souhaitez les regarder dans un lieu bruyant ou dans un lieu public o\u00f9 il est interdit de faire du bruit. La reconnaissance vocale sera utile si vous ne pouvez pas utiliser temporairement votre main et que la transformation texte-parole vous donnera la possibilit\u00e9 d'effectuer plusieurs t\u00e2ches \u00e0 la fois. Cependant, est-il rentable pour un propri\u00e9taire de site Web de mettre en \u0153uvre de telles fonctionnalit\u00e9s?<\/p>\n

<\/div>\n
\n
<\/div>\n

Comment l'accessibilit\u00e9 des sites Web peut-elle vous rapporter des b\u00e9n\u00e9fices ?<\/h3>\n
<\/div>\n

Bien s\u00fbr, vous pouvez dire: \u00abD'accord, vous m'avez \u00e9num\u00e9r\u00e9 certains avantages que les personnes handicap\u00e9es vont acqu\u00e9rir, mais que devrais-je obtenir?\u00bb. C\u2019est un peu \u00e9go\u00efste, mais la mise en \u0153uvre de l\u2019accessibilit\u00e9 requiert g\u00e9n\u00e9ralement du temps, des efforts et de l\u2019argent, ce qui est \u00e9galement juste. Cependant, j'ai une r\u00e9ponse: vous devriez l'appliquer \u00e0 votre site Web, car l'accessibilit\u00e9 du Web pourrait le rendre plus rentable.<\/p>\n

<\/div>\n

\"make<\/p>\n

<\/div>\n

Tout d\u2019abord, la personnalisation de votre site Web en fonction des exigences d\u2019accessibilit\u00e9 am\u00e9liorera sa convivialit\u00e9. L'interface deviendra plus pratique pour tous les utilisateurs, pas seulement ceux qui ont un handicap. Plus les clients sont agr\u00e9ables \u00e0 consulter votre site Web, plus ils se retournent souvent pour vous et plus d'amis avec eux. Vous \u00e9largissez votre port\u00e9e et am\u00e9liorez le trafic - d'une mani\u00e8re ou d'une autre, cela rend votre entreprise plus efficace.<\/p>\n

Deuxi\u00e8mement, les fonctionnalit\u00e9s d\u2019accessibilit\u00e9 Web am\u00e9liorent les taux de r\u00e9f\u00e9rencement. En fait, Google peut aussi \u00eatre qualifi\u00e9 de \u00abpersonne handicap\u00e9e\u00bb: il n\u2019entend pas les fichiers audio et ne d\u00e9finit pas le contenu de l\u2019image. La transcription textuelle des fichiers audio et des notes de modification, jointe aux images, aide Google \u00e0 la visualiser et \u00e0 trouver votre site Web. Plus il est facile pour Google de vous trouver, plus vous montez dans les taux de recherche du moteur de recherche.<\/p>\n

Enfin, dans certains pays, la loi exige que tout soit mis en \u0153uvre pour les personnes handicap\u00e9es. Des paquets de m\u00e9dicaments avec notifications en braille, des rampes inclin\u00e9es pr\u00e8s des escaliers, des notifications sonores dans la rue - tous ceux qui \u00e9taient d\u00e9j\u00e0 indispensables et l'accessibilit\u00e9 du site Web ont \u00e9galement \u00e9t\u00e9 progressivement d\u00e9ploy\u00e9s.<\/p>\n

<\/div>\n
\n
<\/div>\n

WCAG<\/h3>\n
<\/div>\n

\"wcag\"<\/p>\n

<\/div>\n

Pour garantir aux personnes handicap\u00e9es un niveau d'accessibilit\u00e9 \u00e9lev\u00e9, la Web Accessibility Initiative (WAI) du consortium World Wide Web (W3C) \u00e9labore en permanence un document intitul\u00e9 Directives pour l'accessibilit\u00e9 au contenu Web (WCAG). Ce document fournit l'ensemble des normes d'accessibilit\u00e9 et garantit qu'elles seront similaires dans tous les pays. Il contient une s\u00e9rie de recommandations sur les choses \u00e0 faire pour rendre son site accessible. Ces recommandations sont appel\u00e9es Crit\u00e8res de r\u00e9ussite et, selon elles, le site Web pourrait atteindre l\u2019un des trois rangs: A, AA ou AAA. Le test de classement est effectu\u00e9 par des syst\u00e8mes automatiques et des testeurs, qui v\u00e9rifient si les crit\u00e8res de r\u00e9ussite du contenu du site Web sont vrais et \u00e9valuent la convivialit\u00e9 de la plate-forme.<\/p>\n

La version 2.1 la plus r\u00e9cente des WCAG, la version 2.1, a \u00e9t\u00e9 publi\u00e9e le 5 juin 2018 et contient toutes les conditions requises par les versions pr\u00e9c\u00e9dentes. Cela signifie que si le site Web correspond \u00e0 WCAG 2.1, il correspondra automatiquement \u00e0 toutes les autres versions de WCAG. Chaque nouvelle version ajoute simplement de nouvelles directives \u00e0 la liste existante. La version pr\u00e9c\u00e9dente, WCAG 2.0, a \u00e9t\u00e9 accept\u00e9e en tant que norme ISO ISO \/ IEK 40500 et WCAG 2.1 en tant que norme de l\u2019Union europ\u00e9enne EN 301549.<\/p>\n

<\/div>\n
\n
<\/div>\n

Comment rendre votre site Web compatible avec WCAG avec Website Accessibility Suite?<\/h3>\n
<\/div>\n

Bien entendu, vous pouvez effectuer vous-m\u00eame toutes les personnalisations n\u00e9cessaires manuellement. Vous devrez examiner attentivement le document WCAG 2.1 et v\u00e9rifier tous les d\u00e9tails qui y sont mentionn\u00e9s. Cela prend beaucoup de temps et d\u2019efforts, mais il existe aussi une autre solution. TemplateMonster a r\u00e9cemment ajout\u00e9 un service, appel\u00e9 Website Accessibility Suite<\/a> et c\u2019est ce qui vous aidera \u00e0 rendre votre site Web accessible sans passer une semaine sur un document WCAG 2.1.<\/p>\n

<\/div>\n

Ce service ajoute un panneau sp\u00e9cial \u00e0 votre site Web, donnant quelques contr\u00f4les suppl\u00e9mentaires aux visiteurs. Les utilisateurs et les clients potentiels pourront personnaliser l'apparence de votre site Web en fonction de leurs besoins sp\u00e9cifiques. Ils pourront utiliser les prochains outils:<\/p>\n

<\/div>\n