WCAG est une norme internationale d'accessibilité basée sur quatre principes.
2024/10/29

WCAG(Web Content Accessibilité G(lignes directrices) vise à garantir que les sites web et leur contenu sont mis à la disposition du plus grand nombre de manière équitable.Lignes directrices internationalesEn particulier,Normes visant à faciliter l'utilisation des sites web par les utilisateurs handicapés, les personnes âgées et autres.De nombreux pays et entreprises s'en servent comme base pour l'accessibilité des sites web.
Les WCAG sont,Elle définit "l'accessibilité" des sites web et de leur contenu, y comprisQuatre principes.Basé sur.。
②Opération possible
③ Compréhension possible
(4) Robustesse
Également dans les WCAG,Trois niveaux de conformité, "A", "AA" et "AAA", indiquant le degré de soutien à l'accessibilité.Il y en a.La compréhension de ces quatre principes et des trois niveaux de conformité garantira que votre site web est conforme aux WCAG.。
La conformité aux WCAG est une initiative importante qui améliore la commodité pour de nombreux utilisateurs et la valeur de la marque des entreprises, tout en réduisant les risques juridiques.
Cet article explique les WCAG, en détaillant les quatre principes et les trois niveaux de conformité mentionnés ci-dessus, ainsi que les avantages de se conformer aux WCAG et les risques de non-conformité.
Cet article décrit les WCAG, mais aussi les points suivantsGuide de mise en œuvre de l'accessibilité du Web", publié par l'Agence numérique.et fournit un résumé détaillé des méthodes spécifiques de conformité aux WCAG.Les concepteurs, ingénieurs et autres personnes impliquées dans la production de pages web doivent lire cet article conjointement avec le présent article.
Guide de mise en œuvre de l'accessibilité du Web (dernière révision : 29 mars 2024).
Table des matières
- 1 Les "quatre principes" et les "trois niveaux de conformité" des WCAG
- 2 Cinq avantages de la conformité aux WCAG
- 2.1 Avantages 1) Amélioration de l'accessibilité et de l'ergonomie.
- 2.2 Bénéfice 2 : Amélioration de l'image de marque.
- 2.3 Bénéfice 3) Réduction des risques juridiques.
- 2.4 Avantage 4 : Il peut être adapté aux nouveaux outils et dispositifs de soutien.
- 2.5 Bénéfice 5 : Impact positif sur le référencement.
- 3 Le non-respect des WCAG au Japon peut donner lieu à des conseils administratifs ou à une amende.
- 4 Trois études de cas d'entreprises et d'organisations ayant adopté les WCAG
- 5 Relation entre les WCAG et les JIS
- 6 UniWeb peut fournir un support immédiat pour les WCAG.
Les "quatre principes" et les "trois niveaux de conformité" des WCAG
Tout d'abord, vous devez comprendre les WCAG et connaître les quatre principes et les trois niveaux de conformité afin de créer un contenu web qui y soit conforme.
Les WCAG reposent sur quatre principes,Plusieurs lignes directrices liées à chaque principe.Il existe des lignes directrices spécifiques pour la production de contenu web. et,Pour chaque ligne directrice, il existe trois niveaux de conformité avec les critères de réalisation.est établie, ce qui constitue la structure de base des WCAG.
◆WCAG structure
Les quatre principes vont maintenant être expliqués.
Quatre principes : perceptible, exploitable, compréhensible et robuste.
Les quatre principes qui sous-tendent les WCAG sont les suivantsInfrastructure mise en place pour rendre le site web accessible à un grand nombre d'utilisateurs.Chacun de ces principes est expliqué en détail.
(i) Percevable.
Principes visant à garantir que les utilisateurs puissent percevoir le contenu du web, de sorte que les malvoyants et les malentendants puissent reconnaître le contenu,Fournir des moyens d'information alternatifs tels que le texte, les images et le son.Nécessaire.
◆Exemples spécifiques de "perceptible".
Présenter des informations qui ne reposent pas uniquement sur la couleur
... sous-titres et description audio de la vidéo.
Ainsi, tous lesLe contenu peut être perçu indépendamment des limitations visuelles ou auditivesLa textualisation et les moyens de communication alternatifs sont nécessaires pour garantir que les
②Opération possible (Operable)
Les principes sont conçus pour permettre aux utilisateurs de naviguer sur le site web.Permettez aux utilisateurs handicapés d'opérer en utilisant uniquement le clavier, ou accordez-leur un délai supplémentaire s'ils ne peuvent pas opérer à temps.Il doit être possible d'exploiter des contenus qui peuvent être bien complétés, tels que
◆Exemples spécifiques d'"exploitables".
∙ Prévoir un délai suffisant
Restrictions concernant les gyrophares et les feux clignotants.
Dans ce principe,Les utilisateurs utilisant n'importe quel appareil ou outil d'assistance peuvent manipuler le contenu.Il est important de concevoir le système de manière à ce que
③ Compréhensible (Compréhensible)
Il s'agit d'un principe qui garantit que le contenu et les interfaces sont compréhensibles pour tous les utilisateurs.Évitez les opérations trop complexes et l'utilisation d'un langage difficile.Conception intuitive et facile à comprendre pour les utilisateursIl est nécessaire de procéder comme suit.
Exemples spécifiques de "compréhensible".
... des messages d'erreur faciles à comprendre.
... l'utilisation d'un langage concis et compréhensible.
Faciliter la compréhension et l'utilisation du système par les utilisateurs,Évitez le jargon et les formulations complexes, et concevez des flux de contenu et des fonctions clairs et faciles à comprendre.。
(iv) Robuste.
Le contenu fonctionne de manière robuste sur une grande variété de technologies et d'appareils, c'est-à-direConçu pour être compatible.être sur le point dePrincipe. l'utilisateur est en train d'utiliser ouLe contenu peut être utilisé sans problème avec les outils d'assistance et les navigateurs qui pourraient apparaître à l'avenir.Yo,Codes conformes aux normesutiliser.
◆Exemples spécifiques de "robustesse".
... compatibilité entre les différents navigateurs et appareils.
La conception doit être techniquement robuste et flexible afin que le site puisse continuer à accueillir un grand nombre d'utilisateurs pendant de nombreuses années.
Ces quatre principes devraient être utilisés pour valider et construire un site web.
WCAG 2.0 est désormais une norme internationale, alors que les technologies et les appareils changent et évoluent rapidement,Il se caractérise par son contenu abstrait, indépendant des spécifications techniques, afin de garantir que de nombreux sites web puissent être vérifiés facilement et efficacement (testabilité).
Trois niveaux de conformité : "A", "AA" et "AAA".
En dessous des quatre principes mentionnés dans la section précédente, il existe plusieurs lignes directrices liées à chaque principe, qui fournissent des critères détaillés pour garantir que le contenu du web est accessible au plus grand nombre d'utilisateurs possible.
Chaque ligne directrice comporte plusieurs normes de réalisation, qui sont classées en trois niveaux de conformité, de A à AAA,Indicateurs de la mesure dans laquelle un site web prend en compte l'accessibilité.et sont décrits de manière à ce que la conformité ou la non-conformité puisse être déterminée lorsque le site web est vérifié en fonction des critères de réalisation.
(i) Niveau de conformité A (norme minimale d'accessibilité)
Le niveau de conformité A signifie que les exigences de base en matière d'accessibilité sont respectées ; à ce niveau,Support minimum pour que les utilisateurs puissent accéder au contenu.ont été réalisées, par exemple,Donner un texte alternatif aux images, arrêter la lecture automatique des vidéos, etc.inclure : un site web qui ne respecte pas le niveau de conformité A, car cela peut rendre le fonctionnement de base impossible pour de nombreux utilisateurs,Critères auxquels il convient d'accorder une priorité absolue.C'est.
(ii) Niveau de conformité AA (critères d'accessibilité standard)
Le niveau de conformité AA est la norme d'accessibilité et répond aux besoins d'un large éventail d'utilisateurs.Dans de nombreux pays et entreprises, il est recommandé que le contenu web soit conforme à ce niveau.Par exemple,Maintenir un contraste de couleurs approprié, des noms d'éléments clairs sur les formulaires de saisie, etc.comprennent : le respect du niveau AA rend le site web plus accessible à la majorité des utilisateurs.
(iii) Niveau de conformité AAA (norme d'accessibilité la plus élevée)
Le niveau de conformité AAA répond au niveau le plus élevé des exigences en matière d'accessibilité ; la conformité à ce niveau garantit que presque tous les utilisateurs handicapés peuvent utiliser confortablement le contenu ; à ce niveau de conformité,Fournir des vidéos en langue des signes et maintenir des textes faciles à lire et concis, etc.Toutefois, les éléments suivants sont inclus dans la liste,Il n'est pas toujours possible d'atteindre ce niveau et il n'est donc pas recommandé d'en faire une exigence.
Ils sont divisés en trois niveaux, de A à AAA,Pour être AA, il faut être A, et pour être AAA, il faut être AA et A.Il est très difficile de satisfaire aux exigences de l'AAA, qui est actuellement en cours d'élaboration,Pour l'accessibilité du web, il est souhaitable de "se conformer au niveau de conformité AA".est ainsi.
En outre, en particulier, le contenu des mesures prises pour atteindre les normes de conformité des niveaux AA et A,Le comité pour l'infrastructure de l'accessibilité du Web (WAIC) a publié un guide rapide.Voir aussi
JIS X 8341-3:2016 Critères de réalisation - Référence rapide (niveaux A et AA)
Passons maintenant aux avantages de la conformité aux WCAG.
Cinq avantages de la conformité aux WCAG
La mise en conformité d'un site web avec les normes WCAG présente de nombreux avantages.
Avantages 1) Amélioration de l'accessibilité et de l'ergonomie.
La conformité aux WCAG améliore l'accessibilité générale des sites, les rendant plus utilisables pour tous les utilisateurs, et pas seulement pour les personnes handicapées ; etIl améliore également l'expérience de l'utilisateur (UX) en permettant à un plus grand nombre d'utilisateurs d'utiliser le système confortablement.
Par exemple, fournir des textes alternatifs, prendre en compte le daltonisme et faciliter l'utilisation du clavier,Les améliorations en matière d'accessibilité améliorent l'expérience web pour tous les utilisateurs, quel que soit leur handicap.Cela permet aux utilisateurs de naviguer plus facilement sur le site sans se perdre,Il en résulte des taux d'abandon plus faibles, ce qui se traduit par une augmentation de la durée d'utilisation et des taux de conversion.
L'amélioration de l'accessibilité est directement liée à l'amélioration de l'interface utilisateur, qui offre une expérience confortable et fluide à tous les utilisateurs,Un moyen important d'accroître la satisfaction des clients.C'est ça.
Bénéfice 2 : Amélioration de l'image de marque.
La prise en compte de l'accessibilité témoigne d'un engagement en faveur de la responsabilité sociale et améliore l'image de marque d'une entreprise ou d'une organisation, entre autres,À l'heure où l'on met l'accent sur les initiatives d'inclusion et de diversité dans les entreprises, il s'agit là d'un facteur majeur pour accroître la confiance du public.
Cela permet d'améliorer la réputation de l'entreprise et de gagner la confiance des clients.Elle facilitera le choix de vos services et contribuera à l'élargissement de votre clientèle.。
Bénéfice 3) Réduction des risques juridiques.
Dans de nombreux pays et régions, les lois et réglementations relatives à l'accessibilité du web sont renforcées, par exemple,Americans with Disabilities Act (ADA) aux États-Unis et la directive européenne sur l'accessibilité du Web dans l'Union européenne.Il y en a.Au Japon, la loi sur l'élimination de la discrimination à l'égard des personnes handicapées impose la mise en place d'aménagements raisonnables.
Le respect des WCAG permet de répondre à ces exigences légales et d'éviter les risques de litiges et de problèmes juridiques.
Avantage 4 : Il peut être adapté aux nouveaux outils et dispositifs de soutien.
Les WCAG s'appuient sur les principes de conception universelle ainsi que sur les technologies web traditionnelles.Il est donc non seulement compatible avec les outils et dispositifs d'accessibilité actuels, mais aussi avec les outils et dispositifs qui évolueront à l'avenir.
Par exemple, les outils d'assistance tels que les lecteurs d'écran sont..,Analyse le contenu sur la base des balises HTML et des attributs ARIAPar conséquent, si le texte est correctement étiqueté avec les étiquettes appropriées et les attributs ARIA* conformément aux WCAG, le site web sera interprété correctement et fonctionnera correctement pour les utilisateurs, même si la technologie des lecteurs d'écran évolue.
Les appareils portables et IoT accèdent également aux sites web par le biais de navigateurs web et de certaines applications, auquel cas le contenu est d'abord analysé par le navigateur ou l'app et les résultats sont affichés dans un format adapté à l'appareil,Si la structure HTML est basée sur les WCAG, le contenu sera affiché correctement, quel que soit le dispositif utilisé pour l'afficher.
Ainsi, en étant conformes aux WCAG, les sites web ne sont pas obligés de réagir rapidement à chaque nouvelle technologie qui émerge,Stabilité et flexibilité à long terme.
*Attribut HTML utilisé par les lecteurs d'écran et autres outils d'assistance pour comprendre correctement les éléments d'une page web.
Bénéfice 5 : Impact positif sur le référencement.
En rendant les sites web conformes aux normes WCAG,Meilleure indexation (enregistrement dans la base de données) par les moteurs de recherche.Par exemple, l'insertion d'un texte alternatif pour les images et la structuration correcte du code HTML peuvent aider les moteurs de recherche à comprendre le contenu avec précision, améliorant ainsi l'accessibilité du web,Il contribue également à un meilleur classement dans les résultats de recherche naturels, ce qui se traduit par une augmentation du trafic.
Le respect des WCAG offre donc un certain nombre d'avantages, alors que leur non-respect, c'est-à-dire le fait de ne pas se conformer aux WCAG, peut avoir des conséquences négatives sur la qualité de la vie.Risques liés à l'absence de soutien à l'accessibilité.La section suivante explique comment
Le non-respect des WCAG au Japon peut donner lieu à des conseils administratifs ou à une amende.
Au Japon, la loi sur l'élimination de la discrimination à l'égard des personnes handicapées a été modifiée et entrera en vigueur en avril 2024.La mise en place d'aménagements raisonnables dans le secteur privé est désormais légalement obligatoire.Cela permet à lTous les sites web doivent être conformes aux normes WCAG et accessibles sur le web.
Actuellement,Aucune sanction directe n'est prévue en cas de non-respect de l'accessibilité du web.Toutefois, le fait de ne pas agir et de laisser le site web sans surveillance peut donner lieu à des orientations administratives ; en outre,Si les conseils ne sont pas suivis et qu'aucune amélioration n'est apportée, ou si un faux rapport est fait, une amende pouvant aller jusqu'à 200 000 euros peut être imposée.Pour plus d'informations, voir les FAQ du Cabinet Office ci-dessous.
Et même s'il n'y a pas de sanctions légales,À l'heure de la diversité, la société est de plus en plus sévère à l'égard des entreprises et des services qui ne proposent pas d'aménagements raisonnablesCes tendances sociales sont particulièrement perceptibles dans d'autres pays, où les problèmes de contentieux augmentent considérablement.
Exemples de litiges aux États-Unis
Dans la section précédente, nous avons mentionné l'ADA aux États-Unis, qui est une loi sur les droits de l'homme qui protège les droits des personnes handicapées aux États-Unis et qui inclut le contenu de l'accessibilité aux États-Unis au cours des dernières années,Cas où des entreprises sont poursuivies en justice si leur site web ne répond pas aux exigences en matière d'accessibilité.augmente.
Par exemple, la chaîne de supermarchés Winn-Dixie a été poursuivie en justice parce que les utilisateurs malvoyants ne pouvaient pas utiliser de lecteurs d'écran pour commander des articles sur son site de commerce électronique.
Le tribunal a estimé que le site web de Winn-Dixie était un "lieu public" et devait donc faire l'objet d'aménagements d'accessibilité conformes à l'ADA, et a ordonné à Winn-Dixie de modifier son site web et de veiller à ce qu'il soit correctement accessible aux personnes malvoyantes utilisant des lecteurs d'écran.
Autre exemple, le site officiel de l'artiste populaire Beyonce (beyonce.com) a fait l'objet d'un procès pour ne pas avoir pris en charge les lecteurs d'écran pour les malvoyants et pour avoir "restreint l'accès des malvoyants" ; à la suite de ce procès, le site a été remanié pour améliorer l'accessibilité et être conforme aux WCAG.
Ainsi,La législation est tellement avancée dans d'autres pays que le non-respect des WCAG entraîne des risques réels de litiges.。(3) Même au Japon, où la mise en place d'aménagements raisonnables est désormais légalement obligatoire, il est tout à fait concevable que de tels cas se produisent à l'avenir.et les entreprises doivent tenir compte de ces risques lorsqu'elles les traitent.
Nous allons maintenant passer aux entreprises et organisations qui respectent les WCAG.
Trois études de cas d'entreprises et d'organisations ayant adopté les WCAG
Un nombre croissant d'entreprises et d'organisations ont récemment adopté les WCAG afin d'atteindre un plus grand nombre d'utilisateurs et d'améliorer leur UX.
Exemple ①Apple
Apple a été un pionnier de l'accessibilité en fournissant des contenus web conformes aux normes WCAG.Le site web et les produits de l'entreprise sont dotés de dispositifs d'accessibilité pour les malvoyants, les malentendants et les personnes à mobilité réduite.Par exemple, il offre une assistance pour les lecteurs d'écran et des fonctions d'assistance visuelle telles que l'ajustement du contraste.
Référence :Accessibilité - Apple
Exemple ②Microsoft
Microsoft est une autre entreprise qui respecte les normes WCAG en matière d'accessibilité du web.Grâce à sa méthodologie de "conception inclusive", l'entreprise s'efforce de garantir que ses produits et services sont accessibles à tous les utilisateurs, y compris les personnes handicapées.En particulier, le site web officiel de l'entreprise et les services en nuage (par exemple Azure) prennent en charge l'utilisation du clavier et fournissent des fonctions de guidage vocal pour les malvoyants.
Référence :Conception inclusive de Microsoft、Microsoft Azure
Étude de cas (iii) Cabinet Office.
Le site web du Cabinet Office est le suivantConforme à la norme JIS X 8341-3:2016 (norme japonaise d'accessibilité au web : voir ci-dessous) "niveau de conformité AA", la même norme que WCAG 2.0.(Des exceptions sont faites pour les contenus plus anciens et les fichiers PDF fournis par des tiers, qui sont difficiles à modifier).
Le site web du Cabinet Office est le suivantL'entreprise vérifie et améliore en permanence sa réponse aux normes élevées qu'elle est tenue de respecter, en particulier en tant qu'institution publique, et elle y travaille.L'entreprise s'efforce de respecter le niveau AA en ce qui concerne les pages nouvelles ou mises à jour.
Référence :Politique d'accessibilité du site web du Cabinet Office
Ensuite, la relation entre les WCAG en tant que norme internationale et le JIS en tant que norme nationale est expliquée.
Relation entre les WCAG et les JIS
Les WCAG ont été publiés en 1999 avec WCAG 1.0,WCAG 2.0 est la norme internationale actuelle (ISO).est ainsi.
Les WCAG sont une norme internationale d'accessibilité au web,Au Japon, la norme JIS X 8341-3:2016 est la même que la norme WCAG 2.0.La norme JIS X 8341-3:2016 reprend presque mot pour mot le contenu des WCAG 2.0 et sa structure de base (quatre principes, trois niveaux de conformité) est également basée sur les WCAG.
Il s'agit d'une ligne directrice visant à garantir l'accessibilité du web pour les institutions publiques et les entreprises japonaises,Elle joue un rôle important dans la promotion de la diffusion de l'accessibilité du web sous la forme de normes internationales incorporées dans les réglementations locales.。
Comme indiqué précédemment, WCAG 2.0 est désormais la norme internationale, bien que cette norme et la norme JIS X 8341-3:2016 soient identiques,En fait, les WCAG eux-mêmes ont été mis à jour avec des mises à jour de contenu depuis la version 2.0 et ont été publiés jusqu'à la version 2.2 des WCAG, les WCAG 3.0 étant à l'état de projet.
La relation entre les WCAG, l'ISO et la JIS.
Comme indiqué plus haut, des préparatifs sont en cours pour réviser les normes ISO et JIS afin de les rendre conformes aux WCAG 2.2.
Les WCAG 2.1 et 2.2 améliorent l'accessibilité pour les appareils mobiles
La version supérieure des WCAG 2.0, les WCAG 2.1, et la dernière version, les WCAG 2.2, sont décrites ici.
Tout d'abord, les WCAG 2.1 sont,En raison de l'utilisation généralisée des smartphones et des tablettes,Demande accrue d'accessibilité sur les appareils mobiles.En particulier, en réponse au fait queLes normes relatives au fonctionnement tactile et à l'accessibilité des petits écrans ont été renforcées.。
Les WCAG 2.1 ajoutent 17 normes de réalisation supplémentaires, principalement celles qui concernent la réactivité mobile, les déficiences visuelles et les déficiences cognitives (en plus des 61 normes de réalisation des WCAG 2.0 ; voir également les WCAG 2.2, WCAG 2.3, WCAG 2.4 et WCAG 2.5),En 2.1, 78 critères de réalisation)
La dernière version des WCAG 2.2 développe la version 2.1 en ajoutant neuf critères de réalisation supplémentaires, axés sur l'utilisation d'appareils mobiles, dans le but principal d'améliorer l'accessibilité, en particulier pour les utilisateurs souffrant de handicaps cognitifs et les personnes âgées (en plus des 78 critères de réalisation des WCAG 2.1 ; voir également les WCAG 2.3),En 2.2, 87 critères de réalisation)
Plus précisément, les critères suivants ont été ajoutés
◆ Critères supplémentaires représentatifs.
Limites de la complexité des gestes.(WCAG 2.1) : pour permettre l'utilisation de gestes simples.
... Fournissant des méthodes d'entrée multiples.(WCAG 2.1) : conception recommandée pour éviter les erreurs de fonctionnement dues aux tapotements et aux clics.
Support de zoom pour le contenu.(WCAG 2.1) : veiller à ce que le contenu ne s'effondre pas lorsque l'écran est agrandi.
Visibilité de l'objectif.(WCAG 2.2) : rendre clairement visible l'endroit où se trouve le curseur du clavier.
Taille de l'objectif(WCAG 2.2) : veiller à la taille minimale des cibles de clic et d'effleurement afin d'éviter les erreurs de manipulation.
Authentification qui ne repose pas sur la mémoire.(WCAG 2.2) : fournir des méthodes (par exemple biométriques) qui ne nécessitent pas de mémoire pour l'authentification par mot de passe.
Ainsi,Dans le processus de mise à jour des WCAG 2.0 aux WCAG 2.2, l'accessibilité des appareils mobiles a été au centre des préoccupations.L'essentiel est là.
UniWeb peut fournir un support immédiat pour les WCAG.
Cet article explique les WCAG en détail : la loi révisée sur la discrimination à l'égard des personnes handicapées rend obligatoire l'accessibilité de tous les sites web, garantissant ainsi que tous les sites web sont accessibles à tous les utilisateurs, y compris les personnes handicapées, et que tous les sites web sont accessibles à tous les utilisateurs, y compris les personnes handicapées,Les concepteurs, les ingénieurs et le personnel de maintenance sont tenus de bien comprendre les WCAG et de répondre rapidement à leurs sites.
Si vous envisagez de créer un site web conforme aux normes WCAG, notreUnivebUniWeb est un outil plug-in qui peut être facilement mis en œuvre pour améliorer l'accessibilité de votre site web et fournir un large éventail de fonctionnalités pour rendre votre site web convivial pour tous les utilisateurs.Il prend en charge les normes WCAG 2.1 et JIS X 8341-3:2016, ce qui contribue à réduire les risques juridiques et à améliorer la facilité d'utilisation.
Le soutien aux WCAG, qui sont également soumis à des coûts élevés et à des mois de temps de construction,Avec UniWeb, vous ne devez ajouter qu'une seule ligne de code à votre site web, ce qui peut vous faire économiser beaucoup d'argent et de temps.。Icône circulaire rose dans le coin inférieur droit de cet article.pour découvrir les fonctionnalités d'UniWeb.
L'article suivant fournit également un résumé détaillé des méthodes et outils spécifiques pouvant être utilisés dans le cadre de la mise en conformité de l'accessibilité du web, qu'il convient de lire conjointement avec le présent article.
Articles connexes :Quelles sont les mesures d'accessibilité au web qui doivent être mises en œuvre par les gestionnaires de sites ?
-
demande de renseignements
N'hésitez pas à nous contacter pour plus d'informations sur les plans tarifaires et les introductions.
-
Demande d'informations
-
Essai gratuit
-
système de partenariat