{"id":771,"date":"2023-07-27T07:00:31","date_gmt":"2023-07-27T05:00:31","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=771"},"modified":"2025-07-31T11:43:23","modified_gmt":"2025-07-31T09:43:23","slug":"accessibilite-numerique-rex-brice-kaptur","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/771\/accessibilite-numerique-rex-brice-kaptur\/","title":{"rendered":"Brice Kaptur, l\u2019exp\u00e9rience du num\u00e9rique en tant que personne malvoyante"},"content":{"rendered":"<p>Ce t\u00e9moignage a pour but de sensibiliser \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique, gr\u00e2ce \u00e0 un retour d&rsquo;exp\u00e9rience d\u2019une personne malvoyante.<\/p>\n<p>Pour permettre une compr\u00e9hension plus fine des besoins li\u00e9s \u00e0 un handicap visuel.<\/p>\n<h2>Pouvez-vous vous pr\u00e9senter en quelques mots\u00a0?<\/h2>\n<div style=\"text-align: center; margin: 30px 0;\" data-wp-editing=\"1\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-776 size-full\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/portrait.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/portrait.jpg 640w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/portrait-300x225.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/portrait-16x12.jpg 16w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div>\n<p>Je m&rsquo;appelle<strong> Brice Kaptur<\/strong>, j&rsquo;ai 30 ans et je suis originaire d&rsquo;Orl\u00e9ans.<\/p>\n<p>J&rsquo;ai obtenu un baccalaur\u00e9at litt\u00e9raire et un <strong>DUT M\u00e9tiers du Multim\u00e9dia et de l&rsquo;Internet<\/strong>.<br \/>\nCe dipl\u00f4me m\u2019a donn\u00e9 des comp\u00e9tences dans diff\u00e9rents domaines du num\u00e9rique.<\/p>\n<ul>\n<li>La communication.<\/li>\n<li>Le d\u00e9veloppement web.<\/li>\n<li>Le graphisme.<\/li>\n<li>La photographie.<\/li>\n<li>La vid\u00e9o.<\/li>\n<\/ul>\n<p>J&rsquo;ai ensuite effectu\u00e9 un service civique \u00e0 Radio Campus \u00e0 Orl\u00e9ans, o\u00f9 j&rsquo;ai occup\u00e9 les fonctions de <strong>community manager et de graphiste<\/strong>.<\/p>\n<p>J\u2019ai \u00e9t\u00e9 encourag\u00e9 \u00e0 poursuivre dans le domaine du graphisme.<br \/>\nCe qui m&rsquo;a conduit \u00e0 rejoindre en \u00e9quivalence <strong>l\u2019\u00c9cole Sup\u00e9rieure d&rsquo;Art et de Design d\u2019Orl\u00e9ans<\/strong> pour me sp\u00e9cialiser dans ce domaine.<\/p>\n<p>En 2019, je suis devenu <strong>graphiste ind\u00e9pendant<\/strong>.<\/p>\n<p class=\"emphasis\">Vous pouvez consulter mon travail sur mon site web : <a href=\"http:\/\/bricekaptur.free.fr\">bricekaptur.free.fr<\/a><\/p>\n<blockquote><p>D\u00e9sormais, je souhaite utiliser mes comp\u00e9tences en graphisme \u00e0 bon escient.<br \/>\nContourner les limitations de ma maladie, et mettre mes comp\u00e9tences au service de l&rsquo;accessibilit\u00e9 num\u00e9rique.<\/p><\/blockquote>\n<p>En parall\u00e8le, je suis artiste peintre depuis maintenant 2020.<br \/>\nCe qui me permet de d\u00e9laisser la luminosit\u00e9 des \u00e9crans, pour continuer \u00e0 entretenir mon rapport \u00e0 la cr\u00e9ation.<\/p>\n<div style=\"text-align: center; margin: 30px 0;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-777\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram.jpg\" alt=\"Aper\u00e7u de la galerie Instagram de Brice Kaptur. Neuf photographies au total. Huit photographies pr\u00e9sentent des peintures abstraites repr\u00e9sentant des d\u00e9tails du corps humain et des drap\u00e9s. Une photographie est un portrait de Brice Kaptur en train de r\u00e9aliser une peinture dans son atelier.\" width=\"550\" height=\"550\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram.jpg 975w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram-300x300.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram-150x150.jpg 150w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram-768x768.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/Gallerie-instagram-12x12.jpg 12w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/div>\n<p class=\"emphasis\">Vous pouvez consulter mes \u0153uvres sur ma page<a href=\"https:\/\/www.instagram.com\/brice_kaptur\/\"> Instagram (@brice_kaptur)<\/a><\/p>\n<h2>Pouvez-vous d\u00e9crire votre malvoyance\u00a0?<\/h2>\n<blockquote><p>C&rsquo;est un peu comme si la r\u00e9tine de mes yeux, avait moins de pixels.<\/p><\/blockquote>\n<p>En 2021, je r\u00e9alise un contr\u00f4le chez mon ophtalmologue.<\/p>\n<p>Lors de ce contr\u00f4le, je d\u00e9couvre que j\u2019ai une maladie oculaire appel\u00e9e <a href=\"https:\/\/www.stargardt.fr\/comprendre-la-maladie-de-stargardt-maladie-orpheline\/\">Stargardt<\/a>.<\/p>\n<p>Mais ce premier diagnostic est erron\u00e9 en 2023 \u00e0 l\u2019h\u00f4pital du 15\/20 \u00e0 Paris.<br \/>\nOn me diagnostique une autre maladie \u00e0 la place.<\/p>\n<p>Cette maladie est la <a href=\"https:\/\/blog.visiole.fr\/medical\/dystrophie-des-cones\/\"><strong>Dystrophie des c\u00f4nes<\/strong><\/a>.<br \/>\nCette derni\u00e8re est moins hasardeuse dans l\u2019\u00e9volution \u00e0 long terme, mais les sympt\u00f4mes restent les m\u00eames.<\/p>\n<p>Cette maladie est d\u00e9g\u00e9n\u00e9rative et affecte le centre de ma r\u00e9tine.<\/p>\n<ul>\n<li>Elle <strong>r\u00e9duit ma vision centrale<\/strong> et m&#8217;emp\u00eachant de voir les d\u00e9tails pr\u00e9cis.<\/li>\n<li>Elle cr\u00e9e <strong>une photosensibilit\u00e9<\/strong> et me rend tr\u00e8s sensible \u00e0 la luminosit\u00e9.<\/li>\n<li>Elle inclut une forme de <strong>daltonisme d\u00e9g\u00e9n\u00e9ratif<\/strong>, ce qui signifie que les couleurs peuvent se modifier progressivement au fil des ann\u00e9es.<\/li>\n<\/ul>\n<p>Un exemple qui pourrait se rapprocher de ce que je vois, est l\u2019image ci-dessous.<br \/>\nBien que ma vision ne soit pas aussi alt\u00e9r\u00e9e que sur la partie droite de l\u2019image, cela pourrait \u00e9voluer dans les ann\u00e9es \u00e0 venir.<\/p>\n<div style=\"margin: 30px auto; display: flex; justify-content: center; text-align: center;\">\n<figure aria-label=\"Vision normale et la maladie de Stargardt \u00a9 Optelec\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-818 size-full\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/stargardts_f.jpg\" alt=\"Photographie de famille : un homme, une femme et deux enfants. La photographie est s\u00e9par\u00e9e en deux. \u00c0 gauche de l'image, deux visages avec une vision non alt\u00e9r\u00e9e. \u00c0 droite de l\u2019image, la vision centrale est alt\u00e9r\u00e9e : les visages sont d\u00e9form\u00e9s au centre et les couleurs sont plus ternes.\" width=\"550\" height=\"367\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/stargardts_f.jpg 550w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/stargardts_f-300x200.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/stargardts_f-18x12.jpg 18w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption><span style=\"color: #3c7d9f;\" data-darkreader-inline-color=\"\">Vision normale et la maladie de Stargardt \u00a9 Optelec<\/span><\/figcaption><\/figure>\n<\/div>\n<h3>Comment cette situation affecte-t-elle votre acc\u00e8s \u00e0 l\u2019information\u00a0?<\/h3>\n<p>Au quotidien, je rencontre des <strong>difficult\u00e9s \u00e0 voir clairement les textes<\/strong>.<\/p>\n<p>J&rsquo;ai <strong>une sensibilit\u00e9 \u00e0 la lumi\u00e8re<\/strong>, ce qui modifie ma relation avec les \u00e9crans.<br \/>\n\u00c9tant donn\u00e9 que les \u00e9crans sont pixelis\u00e9s, les informations s&rsquo;affichent de mani\u00e8re dense et ponctuelle, rendant la lecture des textes difficile.<\/p>\n<p>Ma maladie comprend \u00e9galement <strong>un daltonisme d\u00e9g\u00e9n\u00e9ratif<\/strong>.<br \/>\nCe qui peut \u00eatre probl\u00e9matique si l\u2019information est donn\u00e9e uniquement par la couleur.<br \/>\nLes couleurs peuvent se confondre et l\u2019information peut devenir non perceptible.<\/p>\n<h2>Pouvez-vous nous parler de l\u2019accessibilit\u00e9 sur internet pour les personnes malvoyante\u00a0?<\/h2>\n<p>En France, plus de 1,7 million de personnes sont atteintes de malvoyance ou de non-voyance.<br \/>\nPour r\u00e9pondre aux besoins de ces personnes, il existe des technologies d\u2019assistance.<\/p>\n<ul>\n<li><strong>La synth\u00e8se vocale<\/strong> : la synth\u00e8se vocale est une technologie qui permet de convertir du texte en audio.<\/li>\n<li><strong>Les plages braille<\/strong> : les plages braille sont des technologies qui affichent du contenu texte en braille.<\/li>\n<li><strong>La reconnaissance vocale<\/strong> : la reconnaissance vocale est une technologie qui permet de commander un appareil num\u00e9rique (ordinateur, t\u00e9l\u00e9phone, objet connect\u00e9) avec la voix.<\/li>\n<\/ul>\n<p>Les interfaces peuvent aussi s\u2019adapter pour r\u00e9pondre aux besoins sp\u00e9cifiques d\u2019une personne malvoyante.<\/p>\n<p>Cela peut inclure la <strong>personnalisation des couleurs et des styles des textes<\/strong>.<br \/>\nLa personnalisation peut \u00eatre configur\u00e9e dans :<\/p>\n<ul>\n<li>Les param\u00e8tres du navigateur.<\/li>\n<li>Les pr\u00e9f\u00e9rences syst\u00e8me de l\u2019ordinateur ou du t\u00e9l\u00e9phone.<\/li>\n<\/ul>\n<p>Certaines personnes malvoyantes peuvent aussi rencontrer des <strong>difficult\u00e9s \u00e0 percevoir le curseur de la souris<\/strong>.<br \/>\nCe qui les am\u00e8ne \u00e0 pr\u00e9f\u00e9rer l\u2019utilisation du clavier ou d\u2019une synth\u00e8se vocale.<\/p>\n<h2>Quels sont les outils ou les technologies que vous utilisez au quotidien\u00a0?<\/h2>\n<h3>Une loupe \u00e9lectronique ou en verre<\/h3>\n<p>Mon t\u00e9l\u00e9phone portable est un iPhone et dispose d&rsquo;une application appel\u00e9e \u00ab\u00a0<a href=\"https:\/\/apps.apple.com\/fr\/app\/loupe\/id1563316278\">Loupe<\/a>\u00a0\u00bb qui me <strong>permet de zoomer sur le texte<\/strong>.<br \/>\nJe d\u00e9place la loupe comme si je d\u00e9pla\u00e7ais mon \u0153il.<\/p>\n<p>L\u2019application propose aussi des param\u00e8tres de personnalisation de la loupe.<\/p>\n<ul>\n<li>Gestion de la luminosit\u00e9.<\/li>\n<li>Gestion des contrastes.<\/li>\n<li>Gestion des couleurs.<\/li>\n<\/ul>\n<blockquote><p>L\u2019application Loupe est particuli\u00e8rement utile lorsque je veux conna\u00eetre les d\u00e9tails d&rsquo;un produit en magasin, par exemple.<\/p><\/blockquote>\n<p>J&rsquo;utilise aussi une loupe en verre selon les circonstances.<\/p>\n<h3>Une liseuse r\u00e9tro\u00e9clair\u00e9e<\/h3>\n<p>J&rsquo;utilise une tablette liseuse r\u00e9tro\u00e9clair\u00e9e.<br \/>\nCette tablette a pour avantage <strong>une luminosit\u00e9 et une taille d\u2019\u00e9cran plus adapt\u00e9es<\/strong> \u00e0 ma malvoyance.<\/p>\n<p>Elle me permet \u00e9galement de naviguer sur Internet et d\u2019agrandir le texte et les documents selon mes besoins.<\/p>\n<h3>L\u2019application Seeing AI<\/h3>\n<p>J&rsquo;utilise l&rsquo;application <a href=\"https:\/\/www.ceciaa.com\/seeing-ai.html\">Seeing AI<\/a>.<br \/>\nL\u2019application me permet de <strong>scanner des produits et d&rsquo;obtenir une lecture audio d\u2019un texte<\/strong>.<\/p>\n<ul>\n<li>Je peux scanner des documents et les retranscrire en texte.<\/li>\n<li>Je peux scanner l&rsquo;environnement et demander une description des visages.<\/li>\n<li>Je peux analyser des billets de banque.<\/li>\n<li>Je peux analyser des couleurs.<\/li>\n<\/ul>\n<h3>La reconnaissance vocale Siri<\/h3>\n<p><a href=\"https:\/\/support.apple.com\/fr-fr\/guide\/iphone\/iph83aad8922\/16.0\/ios\/16.0\">Siri<\/a> est une technologie de reconnaissance vocale pr\u00e9sente sur tous les t\u00e9l\u00e9phones de la marque Apple.<\/p>\n<p>La reconnaissance vocale est utile pour<strong> effectuer simplement des actions<\/strong>.<\/p>\n<ul>\n<li>Lire un message.<\/li>\n<li>Acc\u00e9der \u00e0 une application.<\/li>\n<li>Effectuer une action pr\u00e9cise.<\/li>\n<\/ul>\n<h3>Des extensions de navigateurs web<\/h3>\n<h4>Dark Reader<\/h4>\n<p>J&rsquo;utilise l&rsquo;extension <a href=\"https:\/\/darkreader.org\/\">Dark Reader<\/a> dans mon navigateur pour adapter l&rsquo;affichage des sites web.<\/p>\n<div style=\"text-align: center; margin: 30px 0;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-825 size-full\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/dark-reader.jpg\" alt=\"\" width=\"357\" height=\"656\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/dark-reader.jpg 357w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/dark-reader-163x300.jpg 163w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/dark-reader-7x12.jpg 7w\" sizes=\"auto, (max-width: 357px) 100vw, 357px\" \/><\/div>\n<p>L\u2019extension permet de <strong>convertir les couleurs d\u2019un site<\/strong> dans un th\u00e8me personnalis\u00e9.<\/p>\n<ul>\n<li>Un th\u00e8me sombre (par d\u00e9faut).<\/li>\n<li>Un th\u00e8me personnalis\u00e9 par l\u2019utilisateur.<\/li>\n<\/ul>\n<p>Cela me permet de naviguer plus confortablement, car la luminosit\u00e9 excessive du blanc m&rsquo;\u00e9blouit \u00e9norm\u00e9ment.<\/p>\n<h4>Mode lecture<\/h4>\n<p>J&rsquo;active le mode lecture de Firefox pour <strong>simplifier la mise en page<\/strong>.<\/p>\n<div style=\"text-align: center; margin: 30px 0;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-826\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/mode-lecture.jpg\" alt=\"\" width=\"550\" height=\"408\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/mode-lecture.jpg 550w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/mode-lecture-300x223.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/mode-lecture-16x12.jpg 16w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/div>\n<p>Le mode lecture propose aussi une synth\u00e8se vocale pour permettre d\u2019\u00e9couter les textes.<\/p>\n<p>Des fonctionnalit\u00e9s de personnalisation sont disponibles.<\/p>\n<ul>\n<li>Ajustement de la taille de la police.<\/li>\n<li>Ajustement de la largeur du contenu<\/li>\n<li>Ajustement de la hauteur des lignes<\/li>\n<li>Des propositions de th\u00e8me couleur.<\/li>\n<li>De l&rsquo;interlignage des textes.<\/li>\n<li>De la vitesse de parole de la synth\u00e8se vocale.<\/li>\n<\/ul>\n<h4>Pocket<\/h4>\n<p>J&rsquo;utilise aussi l&rsquo;extension <a href=\"https:\/\/getpocket.com\/fr\/\">Pocket<\/a> pour sauvegarder facilement des pages web et <strong>les retrouver simplement sur ma liseuse<\/strong> par la suite.<\/p>\n<h3>Des outils de contr\u00f4le de l\u2019agrandissement de l\u2019\u00e9cran<\/h3>\n<p>J\u2019utilise le raccourcis MAC \u00ab\u00a0<strong>R\u00e9duire\/Agrandir<\/strong>\u00a0\u00bb pour agrandir une page web.<\/p>\n<div style=\"text-align: center; margin: 30px 0;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-829\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/zoom-200-blog-ideance.jpg\" alt=\"\" width=\"550\" height=\"261\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/zoom-200-blog-ideance.jpg 550w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/zoom-200-blog-ideance-300x142.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/zoom-200-blog-ideance-18x9.jpg 18w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/div>\n<p>Par ailleurs, je <strong>pr\u00e9f\u00e8re utiliser un \u00e9cran large.<\/strong><\/p>\n<p>Un petit \u00e9cran n\u00e9cessite un zoom important.<br \/>\nCela rend la navigation plus difficile, avec un besoin d\u2019effectuer de nombreux d\u00e9filements verticaux et\/ou horizontaux de la page.<\/p>\n<h3>Autres outils<\/h3>\n<ul>\n<li>J&rsquo;ajuste la luminosit\u00e9 avec <strong>la fonction \u00ab\u00a0Night Shift\u00a0\u00bb<\/strong> pour \u00eatre moins \u00e9boulis.<\/li>\n<li>J&rsquo;utilise <strong>la fonction de recherche sp\u00e9cifique<\/strong> \u00ab\u00a0cmd + F\u00a0\u00bb pour trouver rapidement un mot ou une fonctionnalit\u00e9 sur une page.<\/li>\n<li>J&rsquo;utilise un<strong> navigateur qui me semble plus adapt\u00e9<\/strong>.<br \/>\nLe navigateur Firefox me permet par exemple, gr\u00e2ce \u00e0 la barre de personnalisation, d\u2019augmenter la taille des titres des onglets pour une meilleure lisibilit\u00e9.<\/li>\n<\/ul>\n<h2>Quels sont les principaux probl\u00e8mes que vous rencontrez lors de l&rsquo;utilisation de produits num\u00e9riques\u00a0?<\/h2>\n<h3>L\u2019incompatibilit\u00e9 des sites avec mes param\u00e9trages navigateurs<\/h3>\n<p>Des sites ne <strong>prennent pas en charge la personnalisation<\/strong> des utilisateurs depuis leurs environnements (Windows, iOS, navigateur).<\/p>\n<p>La personnalisation peut concerner :<\/p>\n<ul>\n<li>les couleurs : des \u00e9l\u00e9ments n\u2019effectuent pas les changements de couleur demander par mon param\u00e9trage. Le texte devient illisible.<\/li>\n<li>La taille des textes : Le changement de la taille des textes ne s\u2019effectue pas. Des mots disparaissent et\/ou se chevauchent.<\/li>\n<\/ul>\n<blockquote><p>L&rsquo;extension que j\u2019utilise pour modifier l\u2019apparence des couleurs, Dark Reader, ne fonctionne pas sur certains sites.<br \/>\nCe qui m&rsquo;oblige \u00e0 lire sur un fond blanc ou color\u00e9.<\/p><\/blockquote>\n<h3>Impossibilit\u00e9 de consulter une page web avec un zoom d\u2019\u00e9cran<\/h3>\n<p>Sur de nombreuses pages, <strong>des \u00e9l\u00e9ments disparaissent<\/strong> lorsque je zoome dans l\u2019\u00e9cran.<\/p>\n<ul>\n<li>Des boutons.<\/li>\n<li>Des barres de recherche.<\/li>\n<li>Des textes.<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>Ce qui rend l&rsquo;utilisation du site plus compliqu\u00e9 ou impossible.<\/p>\n<p>Il arrive que certaines pages m&rsquo;obligent \u00e0 d\u00e9zoomer pour pouvoir continuer \u00e0 consulter le site.<\/p>\n<h3>Images trop grandes n\u00e9cessitant un d\u00e9filement excessif<\/h3>\n<p>Certains sites affichent des images extr\u00eamement grandes.<br \/>\nCes images n\u00e9cessitent <strong>un d\u00e9filement important pour acc\u00e9der \u00e0 l&rsquo;information<\/strong> souhait\u00e9e.<\/p>\n<p>Cela rend la consultation du site plus laborieuse et chronophage pour les utilisateurs de zoom d\u2019\u00e9cran.<\/p>\n<h3>Incompatibilit\u00e9 du site avec le mode lecture de Firefox<\/h3>\n<p>Certains sites ne sont pas compatibles avec le \u00ab mode lecture \u00bb de Firefox.<br \/>\nCe qui <strong>limite ma capacit\u00e9 \u00e0 utiliser ses outils sp\u00e9cifiques<\/strong> pour am\u00e9liorer mon acc\u00e8s \u00e0 l\u2019information sur le site.<\/p>\n<h3>Design contraire \u00e0 une navigation facilit\u00e9e<\/h3>\n<p>Un design de site web qui ne prend pas en compte les principes d&rsquo;une navigation simple peut rendre l&rsquo;exp\u00e9rience utilisateur d\u2019une personne malvoyante plus difficile.<\/p>\n<p>Par exemple, la pr\u00e9sence de publicit\u00e9 est un r\u00e9el probl\u00e8me.<br \/>\nLes publicit\u00e9s envahissantes ou mal con\u00e7ues peuvent perturber la navigation et rendre l&rsquo;acc\u00e8s \u00e0 l&rsquo;information difficile.<\/p>\n<p>Il est important de<strong> tenir compte de l&rsquo;impact du choix d\u2019un design<\/strong> sur l&rsquo;exp\u00e9rience utilisateur des personnes malvoyantes.<\/p>\n<h2>Quelles sont les bonnes pratiques d\u2019accessibilit\u00e9 num\u00e9riques pour vous et pourquoi\u00a0?<\/h2>\n<h3>Utiliser des visuels pour faciliter la compr\u00e9hension<\/h3>\n<p>L\u2019utilisation d&rsquo;ic\u00f4nes, d&rsquo;illustrations ou de photographies facilite et acc\u00e9l\u00e8re la compr\u00e9hension des informations.<\/p>\n<p>Sur le site <a href=\"https:\/\/www.ameli.fr\/\">Ameli &#8211; l&rsquo;assurance maladie<\/a>, j&rsquo;ai remarqu\u00e9 l&rsquo;utilisation d&rsquo;une liste d&rsquo;ic\u00f4nes pertinente.<\/p>\n<div style=\"text-align: center; margin: 30px 0;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-832\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/icones-ameli.png\" alt=\"\" width=\"72\" height=\"438\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/icones-ameli.png 72w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/07\/icones-ameli-2x12.png 2w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/div>\n<p>Les ic\u00f4nes sont bien structur\u00e9es. <strong>Ils<\/strong> <strong>apparaissent facilement \u00e0 mes yeux et facilitent ma compr\u00e9hension<\/strong>.<br \/>\nIls sont pr\u00e9sent\u00e9s de mani\u00e8re lin\u00e9aire, organis\u00e9e et espac\u00e9e.<\/p>\n<blockquote><p>Ces ic\u00f4nes agissent comme des r\u00e9sum\u00e9s visuels des textes pr\u00e9sents sur le site.<\/p><\/blockquote>\n<h3>Opter pour le \u00ab Flat design \u00bb pour une exp\u00e9rience simplifi\u00e9e<\/h3>\n<p>Le <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Flat_design\">flat design<\/a>, qui se caract\u00e9rise par l&rsquo;utilisation d&rsquo;ic\u00f4nes et un design minimaliste, est tr\u00e8s utiles pour moi.<br \/>\nIl rend la navigation plus fluide en <strong>\u00e9vitant les \u00e9l\u00e9ments visuels complexes<\/strong>.<\/p>\n<p>Les ic\u00f4nes et la mise en page simplifi\u00e9e contribuent \u00e0 une exp\u00e9rience plus agr\u00e9able.<\/p>\n<p>Cela me permet de naviguer plus facilement et de mieux appr\u00e9hender les informations affich\u00e9es.<\/p>\n<h3>Laisser l\u2019utilisateur personnaliser son interface<\/h3>\n<p>Un site web doit prendre en compte la personnalisation de l\u2019utilisateur.<br \/>\nEt cela sans perte d&rsquo;information.<\/p>\n<ul>\n<li>D\u00e9cider des couleurs.<\/li>\n<li>D\u00e9cider de la taille des textes.<\/li>\n<li>D\u00e9cider de l\u2019interlignage des textes<\/li>\n<li>D\u00e9cider de la police des textes.<\/li>\n<\/ul>\n<p>L\u2019utilisateur peut param\u00e9trer ses pr\u00e9f\u00e9rences de styles dans les param\u00e9trages Windows, iOS ou dans les navigateurs.<\/p>\n<p>J&rsquo;ai aussi trouv\u00e9 sur le site de la <a href=\"https:\/\/www.sncf.com\/fr\">SNCF<\/a> un outil d&rsquo;accessibilit\u00e9, qui me permet de personnaliser l&rsquo;affichage.<br \/>\nIl offre la possibilit\u00e9 de personnaliser :<\/p>\n<ul>\n<li>La police d\u2019\u00e9criture<\/li>\n<li>Les contrastes de couleurs<\/li>\n<li>Les animations<\/li>\n<\/ul>\n<p>Ces options peuvent permettre d&rsquo;adapter l&rsquo;affichage selon mes besoins visuels sp\u00e9cifiques.<\/p>\n<h2>Votre conclusion\u00a0?<\/h2>\n<p>L&rsquo;utilisation d&rsquo;internet peut \u00eatre tr\u00e8s frustrante en raison de son manque d&rsquo;accessibilit\u00e9.<br \/>\nIl est important de respecter les normes et les standards d&rsquo;accessibilit\u00e9 pour garantir l&rsquo;accessibilit\u00e9 au plus grand nombre de personnes.<\/p>\n<p>Je pense que<strong> les personnes malvoyantes devraient \u00eatre questionn\u00e9es sur leurs mani\u00e8res d\u2019utiliser internet<\/strong>.<br \/>\nLeurs implications et leurs retours d&rsquo;exp\u00e9rience sont essentiels pour rendre les sites web plus accessibles.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce t\u00e9moignage a pour but de sensibiliser \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique, gr\u00e2ce \u00e0 un retour d&rsquo;exp\u00e9rience d\u2019une personne malvoyante.<\/p>\n","protected":false},"author":6,"featured_media":2391,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,16,17],"tags":[],"class_list":["post-771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sensibilisation","category-technologie-dassistance","category-temoignage"],"acf":[],"_links":{"self":[{"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/posts\/771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/comments?post=771"}],"version-history":[{"count":47,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/posts\/771\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/posts\/771\/revisions\/4344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/media\/2391"}],"wp:attachment":[{"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/media?parent=771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/categories?post=771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideance.net\/blog\/wp-json\/wp\/v2\/tags?post=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}