{"id":70800,"date":"2024-05-20T01:00:00","date_gmt":"2024-05-20T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70800"},"modified":"2025-05-26T07:42:35","modified_gmt":"2025-05-26T14:42:35","slug":"12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/","title":{"rendered":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes"},"content":{"rendered":"\n<p>Chez DreamHost, nous pensons que tout le monde devrait pouvoir utiliser n&#8217;importe quel site web sur internet, ind\u00e9pendamment de toute incapacit\u00e9 ou handicap. Cependant, bien que nous nous soucions de l&#8217;<a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/legal\/accessibility\/\" rel=\"noopener\">accessibilit\u00e9 web<\/a>, nous comprenons \u00e9galement que concevoir un site web \u00e0 la fois accessible et visuellement attrayant peut \u00eatre un d\u00e9fi.<\/p>\n\n\n<p>La bonne nouvelle, c&#8217;est que tu peux concevoir des sites web accessibles sans sacrifier l&#8217;impact visuel. En fait, certains des sites les plus impressionnants sont con\u00e7us sp\u00e9cifiquement pour \u00eatre plus accessibles aux personnes en situation de handicap \u2014 et nous pourrions tous apprendre une ou deux choses d&#8217;eux.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Accessibilit\u00e9<\/h3>\n    <p>L&#8217;accessibilit\u00e9 est la pratique consistant \u00e0 rendre un site web accessible au plus grand nombre d&#8217;utilisateurs possible. Les sites web accessibles peuvent \u00eatre consult\u00e9s par n&#8217;importe qui sur n&#8217;importe quel appareil.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            En savoir plus                    <\/a>\n\n<\/div>\n\n\n<p><\/p>\n\n\n<p>Dans cet article, nous commencerons par te montrer \u00e0 quoi ressemble une forte accessibilit\u00e9 web, et aborderons quelques normes d&#8217;accessibilit\u00e9 web con\u00e7ues pour aider \u00e0 d\u00e9mocratiser l&#8217;acc\u00e8s aux sites web. Ensuite, nous te montrerons 12 des meilleurs exemples d&#8217;accessibilit\u00e9 web sur internet, incluant certains sites populaires qui se sont engag\u00e9s en faveur de l&#8217;accessibilit\u00e9, et voir ce qu&#8217;ils peuvent nous apprendre.<\/p>\n\n\n<p>Commencez maintenant !<\/p>\n\n\n<h2 id=\"looks\" class=\"wp-block-heading\">\u00c0 Quoi Ressemble Une Excellente Accessibilit\u00e9 Web<\/h2>\n\n\n<p>Selon <a target=\"_blank\" href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\" rel=\"noopener\">La Banque Mondiale<\/a>, environ un milliard de personnes, soit 15 % de la population mondiale, ont une forme de handicap. Celles-ci peuvent inclure :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Handicaps visuels<\/strong> : Certains utilisateurs ont un handicap visuel qui limite leur capacit\u00e9 \u00e0 voir clairement ou \u00e0 percevoir les contrastes de couleur. Une vari\u00e9t\u00e9 de personnes peuvent appartenir \u00e0 cette cat\u00e9gorie, y compris les utilisateurs aveugles ou ceux atteints de daltonisme. Pour les utilisateurs ayant des handicaps visuels, tu pourrais utiliser des descriptions audio ou des combinaisons de couleurs accessibles (par exemple, \u00e9viter d&#8217;utiliser du texte fonc\u00e9 sur des couleurs de fond sombres).<\/li>\n\n\n\n<li><strong>Handicaps auditifs<\/strong> : Les utilisateurs avec des handicaps auditifs peuvent inclure des personnes sourdes ou malentendantes (HoH). Les sous-titres pour le contenu audio peuvent offrir \u00e0 ces utilisateurs une exp\u00e9rience plus accessible.<\/li>\n\n\n\n<li><strong>Handicaps physiques<\/strong> : Certaines personnes ont des handicaps de mobilit\u00e9 qui peuvent affecter leur dext\u00e9rit\u00e9 et leur capacit\u00e9 \u00e0 effectuer des mouvements pr\u00e9cis, rendant parfois difficile l&#8217;utilisation d&#8217;une souris. Ceux ayant des handicaps physiques peuvent \u00eatre des utilisateurs de technologies d&#8217;assistance. Assure-toi que ton site est correctement cod\u00e9 pour les dispositifs d&#8217;assistance afin de fournir un contenu accessible aux utilisateurs ayant des handicaps physiques.<\/li>\n\n\n\n<li><strong>Handicaps cognitifs<\/strong> : Certains utilisateurs peuvent avoir des d\u00e9ficiences cognitives comme la dyslexie, la d\u00e9mence ou un trouble du traitement auditif. Tu pourrais envisager d&#8217;utiliser une police sp\u00e9cifique, comme <a target=\"_blank\" href=\"https:\/\/dyslexiefont.com\/en\/\" rel=\"noopener\">Dyslexie<\/a>. Tu devrais \u00e9galement t&#8217;assurer que tout contenu audio dispose d&#8217;un transcript disponible pour ceux ayant des troubles du traitement auditif.<\/li>\n\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp\" alt=\"15 % de la population mondiale pr\u00e9sente une forme de handicap\" class=\"wp-image-45651 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n<p>Il est important de garder \u00e0 l&#8217;esprit toutes ces diff\u00e9rentes capacit\u00e9s lors de la cr\u00e9ation de ton site web pour s&#8217;assurer qu&#8217;il n&#8217;y ait pas de barri\u00e8res pour les utilisateurs handicap\u00e9s. Pour aider les concepteurs web dans cette t\u00e2che, le W3C a d\u00e9velopp\u00e9 un ensemble de <a target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" rel=\"noopener\">Directives pour l&#8217;accessibilit\u00e9 des contenus web (WCAG)<\/a>.<\/p>\n\n\n<p>Une accessibilit\u00e9 web solide signifie adh\u00e9rer \u00e0 ces directives et suivre attentivement les quatre principes directeurs du <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\" rel=\"noopener\">design accessible<\/a>. Ces principes directeurs stipulent que tous les sites web doivent \u00eatre :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Perceptible<\/strong><\/li>\n\n\n\n<li><strong>Utilisable<\/strong><\/li>\n\n\n\n<li><strong>Compr\u00e9hensible<\/strong><\/li>\n\n\n\n<li><strong>Robuste<\/strong><\/li>\n\n\n\n<\/ol>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1700\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp\" alt=\"Quatre captures d'\u00e9cran pour illustrer les concepts perceptible, utilisable, compr\u00e9hensible et robuste en grille.\" class=\"wp-image-45653 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-282x300.webp 282w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-964x1024.webp 964w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-768x816.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1446x1536.webp 1446w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-600x638.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1200x1275.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-730x776.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1460x1551.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-784x833.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1568x1666.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-877x932.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1700;\" \/><\/figure>\n\n\n<p>Assurer que ton site web est \u00ab op\u00e9rationnel \u00bb peut signifier mettre en place une navigation adapt\u00e9e au clavier pour les personnes qui ne peuvent pas utiliser de souris. \u00ab Perceptible \u00bb pourrait signifier utiliser des couleurs \u00e0 fort contraste pour les personnes ayant des d\u00e9ficiences visuelles.<\/p>\n\n\n<p>Pr\u00eat \u00e0 voir \u00e0 quoi ressemblent ces principes en pratique ? Ci-dessous, nous avons 12 exemples de sites web qui appliquent correctement le design accessible.<\/p>\n\n\n<h2 id=\"examples\" class=\"wp-block-heading\">12 Excellents Exemples d&#8217;Accessibilit\u00e9 Web Pour T&#8217;Inspirer<\/h2>\n\n\n<p>Ici, tu trouveras certains de nos exemples pr\u00e9f\u00e9r\u00e9s d&#8217;accessibilit\u00e9 web. Ces 12 sites web sont des exemples de conception web accessible \u00e0 son meilleur.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-scope\">1. <a target=\"_blank\" href=\"https:\/\/www.scope.org.uk\/\" rel=\"noopener\">Scope<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1238\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp\" alt=\"Capture d'\u00e9cran de la page d'accueil de Scope avec des couleurs audacieuses, un texte \u00e0 fort contraste et un menu de navigation clair en haut.\" class=\"wp-image-45654 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-300x232.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1024x792.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-768x594.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1536x1188.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-600x464.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1200x929.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-730x565.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1460x1130.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-784x607.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1568x1213.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-877x679.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1238;\" \/><\/figure>\n\n\n<p>Scope est une association pour l&#8217;\u00e9galit\u00e9 des personnes handicap\u00e9es bas\u00e9e en Angleterre et au Pays de Galles, d\u00e9di\u00e9e \u00e0 la cr\u00e9ation d&#8217;une soci\u00e9t\u00e9 plus juste et \u00e9galitaire. En tant que champion de l&#8217;\u00e9galit\u00e9 des personnes handicap\u00e9es, tu t&#8217;attendrais \u00e0 ce que le site web de cette organisation soit aussi accessible que possible \u2014 et c&#8217;est le cas.<\/p>\n\n\n<p>Non seulement il adh\u00e8re pleinement aux directives WCAG 2.0 et WCAG 2.1, mais le site est \u00e9galement personnalisable pour les utilisateurs individuels. Par exemple, tu peux changer les couleurs du site, augmenter la taille du texte, ou m\u00eame activer la narration de texte pour faire lire le contenu \u00e0 haute voix.<\/p>\n\n\n<p>Si tu regardes la section en haut \u00e0 gauche de la page d&#8217;accueil, tu verras un onglet <strong>Accessibilit\u00e9<\/strong>. Clique dessus, et le site te dirigera vers sa page d&#8217;accessibilit\u00e9, qui inclut des instructions sur comment adapter l&#8217;exp\u00e9rience \u00e0 tes besoins, des liens vers des <a target=\"_blank\" href=\"https:\/\/www.atia.org\/home\/at-resources\/what-is-at\/\" rel=\"noopener\">technologies d&#8217;assistance<\/a>, et une liste des probl\u00e8mes d&#8217;accessibilit\u00e9 connus sur lesquels nous travaillons.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1289\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp\" alt=\"Page de d\u00e9claration d'accessibilit\u00e9 de Scope d\u00e9taillant ses engagements et adaptant l'exp\u00e9rience aux besoins des utilisateurs.\" class=\"wp-image-45655 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-300x242.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1024x825.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-768x619.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1536x1237.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-600x483.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1200x967.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-730x588.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1460x1176.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-784x632.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1568x1263.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-877x707.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1289;\" \/><\/figure>\n\n\n<p>Scope utilise des phrases courtes et des <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">polices grandes et \u00e9pur\u00e9es<\/a> sur tout le site pour une lisibilit\u00e9 maximale. De plus, le site est enti\u00e8rement compatible avec les logiciels de lecture d&#8217;\u00e9cran.<\/p>\n\n\n<p>Bien que d\u00e9j\u00e0 un excellent exemple d&#8217;accessibilit\u00e9 des sites web, l&#8217;\u00e9quipe de Scope continue de faire des am\u00e9liorations. Tous les quatre mois, ils testent le site web pour l&#8217;accessibilit\u00e9 et font des mises \u00e0 jour l\u00e0 o\u00f9 c&#8217;est n\u00e9cessaire.<\/p>\n\n\n<h3 class=\"wp-block-heading\">2. <a target=\"_blank\" href=\"https:\/\/www.harvard.edu\/\" rel=\"noopener\">Universit\u00e9 Harvard<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp\" alt=\"Page d'accueil de l'Universit\u00e9 Harvard avec l'en-t\u00eate Solutions Climatiques sur une photo de moulins \u00e0 vent dans un champ.\" class=\"wp-image-45656 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>L&#8217;\u00e9ducation \u00e0 Harvard n&#8217;est pas son seul point fort. Le site web de l&#8217;universit\u00e9 de renomm\u00e9e mondiale se distingue \u00e9galement par son accessibilit\u00e9, offrant une arm\u00e9e d&#8217;outils de lecture, des sous-titres vid\u00e9o multilingues, et des <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-color-schemes\/\" rel=\"noopener\">agencements de couleurs<\/a> soigneusement s\u00e9lectionn\u00e9s qui r\u00e9pondent aux besoins des visiteurs daltoniens.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1021\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp\" alt=\"Menu principal de navigation de l'Universit\u00e9 Harvard avec des onglets pour \u00c0 propos et Acad\u00e9mique en grand texte blanc sur fond noir, \" class=\"wp-image-45657 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-300x191.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1024x653.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-768x490.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1536x980.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-600x383.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1200x766.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-730x466.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1460x932.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-784x500.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1568x1001.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-877x560.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1021;\" \/><\/figure>\n\n\n<p>Le menu de navigation de Harvard obtient \u00e9galement des points pour son accessibilit\u00e9. Il est simple mais efficace, avec un texte grand et facile \u00e0 lire dans une couleur \u00e0 fort contraste. De plus, il est clair et facile \u00e0 trouver.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-paralympic-org\">3. <a target=\"_blank\" href=\"https:\/\/www.paralympic.org\/\" rel=\"noopener\">Paralympic.org<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1414\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp\" alt=\"Page d'accueil de l'IPC avec une vid\u00e9o mise en avant dans la section h\u00e9ro, l'en-t\u00eate, et les boutons sociaux dans le coin sup\u00e9rieur droit. \" class=\"wp-image-45658 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-300x265.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1024x905.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-768x679.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1536x1357.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-600x530.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1200x1061.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-730x645.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1460x1290.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-784x693.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1568x1386.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-877x775.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1414;\" \/><\/figure>\n\n\n<p>Paralympic.org est le site officiel du Comit\u00e9 International Paralympique (IPC). L&#8217;IPC est un puissant d\u00e9fenseur de l&#8217;inclusion sociale, et son site web en est la preuve.<\/p>\n\n\n<p>Il int\u00e8gre une navigation par onglets adapt\u00e9e aux claviers et un bouton fl\u00e8che instantan\u00e9 \u00ab remonter en haut \u00bb pour faciliter la navigation sur la page. Les images et les vid\u00e9os sont grandes et bien visibles, et il y a beaucoup d&#8217;espace blanc pour mettre en valeur les <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" rel=\"noopener\">\u00e9l\u00e9ments visuels<\/a>.<\/p>\n\n\n<p>Si tu vas \u00e0 la page d&#8217;accueil, tu remarqueras un ajusteur de taille de texte dans le coin sup\u00e9rieur droit de l&#8217;\u00e9cran. Celui-ci est facilement visible et permet aux utilisateurs ayant des d\u00e9ficiences visuelles de personnaliser rapidement la taille du texte selon leurs besoins.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h3 class=\"wp-block-heading\">4. <a target=\"_blank\" href=\"https:\/\/www.walmart.com\/\" rel=\"noopener\">Walmart<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"696\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp\" alt=\"capture d\u2019\u00e9cran de la page d\u2019accueil de Walmart\" class=\"wp-image-45659 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-300x204.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-768x522.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1536x1044.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-600x408.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1200x816.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-730x496.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1460x993.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-784x533.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1568x1066.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-877x596.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/696;\" \/><\/figure>\n\n\n<p>Une des exigences des WCAG pour les sites accessibles est qu&#8217;ils doivent \u00eatre \u00ab visibles lors de la focalisation \u00bb, ce qui signifie que la partie du site utilis\u00e9e est mise en \u00e9vidence. Le site web de Walmart est un excellent exemple de cela. Il poss\u00e8de une multitude d&#8217;\u00e9l\u00e9ments interactifs comme <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/the-perfect-contact-us-page\/\" rel=\"noopener\">boutons, liens et champs de formulaire<\/a> \u2014 mais les visiteurs ne peuvent se concentrer que sur un \u00e0 la fois, et celui avec lequel ils interagissent est distinctement mis en \u00e9vidence pour une visibilit\u00e9 maximale.<\/p>\n\n\n<p>Il est \u00e9galement facile de naviguer entre diff\u00e9rents \u00e9l\u00e9ments interactifs, du <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/navigation-menu-design\/\" rel=\"noopener\">menu de navigation<\/a> aux diff\u00e9rents boutons, la barre de recherche, les liens vers ta page de compte et ton panier, et plus encore, que tu utilises la navigation par souris ou clavier.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. <a target=\"_blank\" href=\"https:\/\/www.kidzwishfoundation.org.au\/\" rel=\"noopener\">KidsWish<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"968\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp\" alt=\"Capture d'\u00e9cran de la page d'accueil de KidsWish avec des couleurs vives et audacieuses et un texte en gros caract\u00e8res facile \u00e0 lire, avec leur slogan bien en \u00e9vidence.\" class=\"wp-image-45660 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-300x182.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1024x620.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-768x465.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1536x929.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-600x363.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1200x726.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-730x442.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1460x883.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-784x474.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1568x949.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-877x531.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/968;\" \/><\/figure>\n\n\n<p>KidsWish est une organisation qui fournit une th\u00e9rapie, des services de soutien, et une f\u00eate de No\u00ebl annuelle pour les enfants d\u00e9favoris\u00e9s ou handicap\u00e9s. Elle s&#8217;adresse \u00e0 de nombreuses personnes avec divers handicaps, donc naturellement, leurs d\u00e9veloppeurs ont cr\u00e9\u00e9 un site web aussi accessible que possible.<\/p>\n\n\n<p>Et devine quoi ? Ils ont r\u00e9ussi. Le site web KidsWish est merveilleusement con\u00e7u, avec une structure logique, une navigation adapt\u00e9e aux claviers, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/increase-website-conversion-rate\/\" rel=\"noopener\">des couleurs \u00e0 fort contraste<\/a>, et un texte en gros caract\u00e8res. De plus, il est facile \u00e0 parcourir avec des \u00e9l\u00e9ments cliquables bien en \u00e9vidence.<\/p>\n\n\n<p>Le design est \u00e9galement tr\u00e8s adapt\u00e9 aux enfants. Il arbore un sch\u00e9ma de couleurs vif et audacieux avec plein de graphismes amusants.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. <a target=\"_blank\" href=\"https:\/\/www.nomensa.com\/\" rel=\"noopener\">Nomensa<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1096\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp\" alt=\"Page d'accueil de Nomensa avec l'en-t\u00eate &quot;Conception strat\u00e9gique de l'exp\u00e9rience utilisateur&quot; superpos\u00e9e sur une photo de personnes au bureau.\" class=\"wp-image-45661 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1024x701.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-768x526.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1536x1052.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-600x411.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1200x822.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-730x500.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1460x1000.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-784x537.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1568x1074.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-877x601.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1096;\" \/><\/figure>\n\n\n<p>Nomensa est une agence de conception d&#8217;exp\u00e9rience utilisateur (UX) strat\u00e9gique bas\u00e9e \u00e0 Londres. Ils mettent tellement l&#8217;accent sur la conception accessible qu&#8217;ils proposent un test d&#8217;accessibilit\u00e9 web que leurs clients actuels et potentiels peuvent r\u00e9aliser pour voir comment leurs sites se conforment aux normes internationales.<\/p>\n\n\n<p>L&#8217;agence propose ensuite des <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\" rel=\"noopener\">services de design<\/a> pour aider les clients \u00e0 corriger tout probl\u00e8me d\u00e9couvert par l&#8217;outil de test d&#8217;accessibilit\u00e9.<\/p>\n\n\n<p>\u00c9coute \u00e7a : le co-fondateur de l&#8217;entreprise est co-pr\u00e9sident du World Wide Web Consortium (W3C) et a aid\u00e9 \u00e0 r\u00e9diger les directives WCAG qui orientent les meilleures pratiques d&#8217;accessibilit\u00e9 web. Ce n&#8217;est pas \u00e9tonnant que Nomensa prenne les solutions d&#8217;accessibilit\u00e9 si au s\u00e9rieux !<\/p>\n\n\n<h3 class=\"wp-block-heading\">7. <a target=\"_blank\" href=\"https:\/\/www.ovoenergy.com\/\" rel=\"noopener\">Ovo Energy<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1357\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp\" alt=\"Capture d'\u00e9cran du site web d'Ovo Energy avec du texte en grand format, beaucoup d'espace n\u00e9gatif, des photographies encadr\u00e9es, et des boutons verts clairs.\" class=\"wp-image-45662 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-300x254.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1024x868.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-768x651.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1536x1303.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-600x509.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1200x1018.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-730x619.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1460x1238.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-784x665.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1568x1330.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-877x744.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1357;\" \/><\/figure>\n\n\n<p>Ovo Energy est une entreprise d&#8217;\u00e9nergie bas\u00e9e au Royaume-Uni. Son site web pr\u00e9sente des informations sur les tarifs et les offres et inclut un portail principal de connexion pour que les clients puissent g\u00e9rer leurs comptes.<\/p>\n\n\n<p>L&#8217;entreprise a fait un travail remarquable pour rendre le site accessible \u00e0 tous en utilisant un texte lisible en grand format et une interface claire. Elle int\u00e8gre \u00e9galement la navigation au clavier pour faciliter la navigation sur le site.<\/p>\n\n\n<p>Les concepteurs ont fait plus que n\u00e9cessaire pour garantir que le site soit accessible aux utilisateurs malvoyants et malentendants. Il y a des <a target=\"_blank\" href=\"https:\/\/signvideo.co.uk\/\" rel=\"noopener\">services SignVideo<\/a> pour les utilisateurs de la Langue des Signes Britannique, et le contraste des couleurs est conforme aux directives WCAG.<\/p>\n\n\n<p>Les clients peuvent \u00e9galement demander des factures en braille et dans des formats plus grands. En plus de tout cela, le site est compatible avec les technologies d&#8217;assistance.<\/p>\n\n\n<h3 class=\"wp-block-heading\">8. <a target=\"_blank\" href=\"https:\/\/bleacherreport.com\/\" rel=\"noopener\">Bleacher Report<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1102\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp\" alt=\"Page d'accueil du site web de Bleacher Report avec un article en vedette, quatre vid\u00e9os sous la section h\u00e9ro\u00efque, et du texte blanc sur fond noir.\" class=\"wp-image-45663 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-300x207.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1024x705.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-768x529.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1536x1058.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1200x827.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-730x503.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1460x1006.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-784x540.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1568x1080.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-877x604.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1102;\" \/><\/figure>\n\n\n<p>Le site d&#8217;actualit\u00e9s sportives Bleacher Report fait quelque chose de diff\u00e9rent qui est extr\u00eamement utile pour les utilisateurs qui acc\u00e8dent \u00e0 leur site en utilisant des lecteurs d&#8217;\u00e9cran ou des contr\u00f4les clavier. Les premiers points de focalisation sont la notification des cookies, la Politique de confidentialit\u00e9 et les Conditions d&#8217;utilisation, et si tu cliques sur le lien externe pour ceux-ci, ils s&#8217;ouvrent dans une nouvelle fen\u00eatre.<\/p>\n\n\n<p>Pour les utilisateurs sans handicap, cela peut ne pas sembler important, mais cela donne \u00e0 <em>tous<\/em> les visiteurs du site de Bleacher Report un acc\u00e8s \u00e0 des informations juridiques importantes. Sur la plupart des sites, les alertes l\u00e9gales et sur les cookies se trouvent en bas de page, ce qui signifie que les visiteurs qui utilisent des commandes au clavier ou des lecteurs d&#8217;\u00e9cran y acc\u00e8dent \u00e0 la fin de leur visite, apr\u00e8s avoir parcouru le reste du site. C&#8217;est un petit changement avec un grand impact pour les personnes en situation de handicap.<\/p>\n\n\n<h3 class=\"wp-block-heading\">9. <a target=\"_blank\" href=\"https:\/\/www.bbc.co.uk\/iplayer\/\" rel=\"noopener\">BBC iPlayer<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1215\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp\" alt=\"Page d'accueil de BBC iPlayer avec une \u00e9mission mise en avant dans la section h\u00e9ro et les \u00e9missions &quot;Nouvelles &amp; Tendance&quot; en dessous. \" class=\"wp-image-45664 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-300x228.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1024x778.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-768x583.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1536x1166.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-600x456.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1200x911.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-730x554.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1460x1109.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-784x595.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1568x1191.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-877x666.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1215;\" \/><\/figure>\n\n\n<p>BBC iPlayer est le service de streaming en ligne de la BBC. Les utilisateurs regardent des programmes en ligne sur son site web. C&#8217;est aussi un autre excellent exemple d&#8217;accessibilit\u00e9 web dont nous pouvons tous tirer des le\u00e7ons.<\/p>\n\n\n<p>Tout d&#8217;abord, le site est \u00e0 la fois tr\u00e8s facile \u00e0 naviguer et compatible avec la technologie d&#8217;assistance. Tu peux te d\u00e9placer sur la page en cliquant sur le bouton <strong>Tab<\/strong>. Naviguer sur le logo iPlayer fait appara\u00eetre une option pour l&#8217;aide \u00e0 l&#8217;<strong>Accessibilit\u00e9<\/strong>, qui renvoie \u00e0 une page de ressources contenant beaucoup d&#8217;informations utiles pour les utilisateurs en situation de handicap.<\/p>\n\n\n<p>Le contenu est dispos\u00e9 de mani\u00e8re logique, et tous les boutons utilisent un design visuel clair avec des couleurs \u00e0 fort contraste. Il y a aussi des infobulles accessibles au clavier et \u00e0 la souris qui fournissent des informations suppl\u00e9mentaires pour les utilisateurs et un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/create-wordpress-featured-image\/\" rel=\"noopener\">texte alternatif descriptif<\/a> pour toutes les images.<\/p>\n\n\n<p>Le contenu vid\u00e9o est \u00e9galement accessible. Tous les programmes sur BBC iPlayer comportent des sous-titres. Il existe \u00e9galement des cat\u00e9gories de contenu audio-d\u00e9crit et sign\u00e9.<\/p>\n\n\n<h3 class=\"wp-block-heading\">10. <a target=\"_blank\" href=\"https:\/\/new.mta.info\/\" rel=\"noopener\">Autorit\u00e9 des Transports M\u00e9tropolitains<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1100\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp\" alt=\"Site web de la MTA avec des menus d\u00e9roulants pour &quot;Planifier un voyage&quot; et &quot;Statut du service&quot; montrant les retards et les voyages planifi\u00e9s en diff\u00e9rentes couleurs.\" class=\"wp-image-45665 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1024x704.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-768x528.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1536x1056.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1200x825.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-730x502.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1460x1004.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-784x539.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1568x1078.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-877x603.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1100;\" \/><\/figure>\n\n\n<p>En plus d&#8217;avoir un site r\u00e9actif facile \u00e0 utiliser sur des appareils avec des \u00e9crans de toutes tailles, l&#8217;Autorit\u00e9 des Transports M\u00e9tropolitains de New York dispose \u00e9galement d&#8217;une exp\u00e9rience de recherche int\u00e9gr\u00e9e qui aide les utilisateurs \u00e0 trouver plus rapidement et facilement les informations qu&#8217;ils recherchent. Comment ? La fonction de recherche fournit toujours des r\u00e9sultats m\u00eame si les utilisateurs \u00e9pellent mal les mots ou saisissent des donn\u00e9es dans les mauvais formats.<\/p>\n\n\n<p>Par exemple, si un utilisateur saisit une adresse ou un quartier dans le planificateur de trajet de la MTA avec une faute de frappe, la barre de recherche sugg\u00e9rera toujours des adresses en fonction de sa meilleure estimation de ce que l&#8217;utilisateur recherchait.<\/p>\n\n\n<h3 class=\"wp-block-heading\">11. <a target=\"_blank\" href=\"https:\/\/www.nsw.gov.au\/\" rel=\"noopener\">Gouvernement de la Nouvelle-Galles du Sud<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1345\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp\" alt=\"Site web du gouvernement NSW avec une barre de recherche en premi\u00e8re place, et une section &quot;Que cherchez-vous ?&quot; en dessous avec des liens.\" class=\"wp-image-45666 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-300x252.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1024x861.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-768x646.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1536x1291.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-600x504.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1200x1009.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-730x614.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1460x1227.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-784x659.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1568x1318.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-877x737.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1345;\" \/><\/figure>\n\n\n<p>Le site web du gouvernement de NSW est le centre gouvernemental pour la r\u00e9gion de Nouvelle-Galles du Sud en Australie. Le site est con\u00e7u pour \u00eatre convivial pour les r\u00e9sidents de tous les horizons et capacit\u00e9s.<\/p>\n\n\n<p>Le site web int\u00e8gre une navigation par onglets, ce qui simplifie la navigation entre les pages \u00e0 l&#8217;aide d&#8217;un clavier ou d&#8217;un lecteur d&#8217;\u00e9cran. Gr\u00e2ce \u00e0 des <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/best-google-fonts\/\" rel=\"noopener\">polices de caract\u00e8res larges<\/a> et des couleurs contrast\u00e9es, il est \u00e9galement tr\u00e8s lisible et obtient des points pour sa compatibilit\u00e9 avec la technologie d&#8217;assistance.<\/p>\n\n\n<h3 class=\"wp-block-heading\">12. <a target=\"_blank\" href=\"https:\/\/www.gov.uk\/\" rel=\"noopener\">GOV.UK<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1228\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp\" alt=\"Site web GOV.UK dans un sch\u00e9ma de couleurs bleu-blanc avec une barre de recherche, et des liens en dessous &quot;Populaires sur GOV.UK&quot; pour une meilleure navigation.\" class=\"wp-image-45667 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-300x230.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1024x786.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-768x589.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1536x1179.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-600x461.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1200x921.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-730x560.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1460x1121.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-784x602.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1568x1203.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-877x673.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1228;\" \/><\/figure>\n\n\n<p>GOV.UK est le centre n\u00e9vralgique de toutes les pages web du gouvernement du Royaume-Uni. Le site fournit des informations sur tout, depuis l&#8217;aide aux personnes handicap\u00e9es et les avantages jusqu&#8217;au soutien pour les visas et l&#8217;immigration.<\/p>\n\n\n<p>Le gouvernement du Royaume-Uni a fait un travail remarquable pour rendre son site accessible \u00e0 tous ceux qui en ont besoin. Le site propose une navigation par clavier et des attributs ARIA, afin que tu puisses trouver facilement les pages. De plus, il est con\u00e7u pour supporter un zoom de 300% pour les lecteurs malvoyants.<\/p>\n\n\n<h2 id=\"statement\" class=\"wp-block-heading\">Fais Une D\u00e9claration d&#8217;Accessibilit\u00e9<\/h2>\n\n\n<p>Veiller \u00e0 ce que ton site web soit aussi accessible que possible est \u00e0 la fois une obligation morale et professionnelle. Cela peut sembler \u00eatre un d\u00e9fi, mais nous te promettons \u2014 \u00e7a en vaut la peine. Les exemples ci-dessus te guideront dans la cr\u00e9ation d&#8217;un site inclusif accessible \u00e0 tous les utilisateurs.<\/p>\n\n\n<p>Pr\u00eat \u00e0 cr\u00e9er ton site accessible ? Laisse-nous prendre en charge le c\u00f4t\u00e9 technique pour toi, afin que tu puisses consacrer plus de temps et d&#8217;\u00e9nergie \u00e0 ce qui compte : le design. Inscris-toi \u00e0 notre <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/hosting\/\" rel=\"noopener\">Shared Unlimited Hosting Plan<\/a> et obtiens un h\u00e9bergement s\u00e9curis\u00e9 et illimit\u00e9 pour tous tes sites web.<\/p>\n\n\n<p>Note : Nous faisons des recherches approfondies sur le <a target=\"_blank\" href=\"https:\/\/www.ungeneva.org\/sites\/default\/files\/2021-01\/Disability-Inclusive-Language-Guidelines.pdf\" rel=\"noopener\">langage inclusif en mati\u00e8re de handicap<\/a> pour nos articles. N&#8217;oublie pas d&#8217;utiliser tes ressources lors de la cr\u00e9ation de contenu accessible, et en cas de doute, demande toujours.&nbsp;<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Tu Le R\u00eaves, Nous Le Codons\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Profite de plus de 20 ans d&#8217;expertise en codage lorsque tu choisis notre service de D\u00e9veloppement Web. Dis-nous simplement ce que tu veux pour ton site \u2014 nous nous chargeons du reste.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            En Savoir Plus                    <\/a>\n\n  <\/div>\n<\/div>\n\n<p><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Veux-Tu Que Ton Site Soit Accessible Tout En \u00c9tant Magnifiquement Con\u00e7u ?<br \/>\nApprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d&#8217;accessibilit\u00e9 de sites web.<\/p>\n","protected":false},"author":1058,"featured_media":45646,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.","toc_headlines":"[[\"looks\",\"\u00c0 Quoi Ressemble Une Excellente Accessibilit\u00e9 Web\"],[\"examples\",\"12 Excellents Exemples d'Accessibilit\u00e9 Web Pour T'Inspirer\"],[\"statement\",\"Fais Une D\u00e9claration d'Accessibilit\u00e9\"]]","hide_toc":false,"footnotes":""},"categories":[15005],"tags":[],"class_list":["post-70800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes\" \/>\n<meta property=\"og:description\" content=\"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-20T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:42:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes - DreamHost Blog","description":"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/","og_locale":"en_US","og_type":"article","og_title":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes","og_description":"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-05-20T08:00:00+00:00","article_modified_time":"2025-05-26T14:42:35+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-05-26T14:42:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/"},"wordCount":2524,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","articleSection":["Design de Site Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/","name":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-05-26T14:42:35+00:00","description":"Tu veux que ton site soit accessible et magnifiquement con\u00e7u ? Apprends les meilleures pratiques et stimule ta cr\u00e9ativit\u00e9 avec ces 12 exemples d\u2019accessibilit\u00e9 de sites web.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","width":1460,"height":1095,"caption":"12 Outstanding Accessible Website Examples That Raise The Bar"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/12-exemples-remarquables-de-sites-web-accessibles-qui-tablissent-de-nouvelles-normes-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"12 Exemples Remarquables de Sites Web Accessibles Qui \u00c9tablissent de Nouvelles Normes"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"fr","translations":{"fr":70800,"en":45645,"pl":57015,"de":57012,"es":57008,"pt":57018,"uk":57024,"ru":57039,"it":68611,"nl":70830},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70800"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70800\/revisions"}],"predecessor-version":[{"id":70802,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70800\/revisions\/70802"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/45646"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}