Tester l’accessibilité d’une page web ou d’un PDF avec NVDA - Atalan, le Blog. La question revient souvent : comment tester une page web ou un PDF avec un lecteur d’écran ?
Nous avions déjà publié sur ce blog la référence des gestes de VoiceOver sous iOS et la référence des gestes de TalkBack sous Android, c’est désormais le tour de NVDA. NVDA est un lecteur d’écran gratuit et open-source pour l’environnement Microsoft Windows. Un lecteur d’écran est utilisé par les personnes aveugles ou malvoyantes, il restitue l’information affichée à l’écran sous la forme d’une synthèse vocale et/ou d’une plage braille. Préambule Il est important de noter que c’est d’abord le respect des règles de conception, de rédaction et de développement qui permet d’assurer une bonne accessibilité des contenus.
Le simple test avec un lecteur d’écran n’est donc pas suffisant. Sommaire Télécharger et installer NVDA en français Tout d’abord, pour télécharger NVDA, je vous invite à vous rendre sur la page de téléchargement du site de la communauté française. Découvrez les exigences en matière d'accessibilité - Concevez un contenu web accessible. Découvrez WCAG L'un des principaux défis en matière de création de contenu accessible est qu'il peut être difficile d'envisager tous les moyens différents dont les utilisateurs peuvent être amenés à interagir avec les sites web.
Afin d'aider les concepteurs à appréhender les éléments nécessaires pour rendre leurs sites plus accessibles, le World Wide Web Consortium (W3C) a élaboré les Règles pour l'accessibilité des contenus web (Web Content Accessibility Guidelines, ou WCAG). La première version reposait sur des critères et technologies spécifiques, raison pour laquelle le document a très vite perdu en pertinence, les changements étant extrêmement rapides sur le Web. Par conséquent, lorsque le document a été actualisé, il a été restructuré de manière vraiment intelligente.
Au niveau supérieur, on trouve les quatre principes de l'accessibilité : PerceptibleUtilisableCompréhensibleRobuste. 50 termes de typographie à connaître pour optimiser le contenu de son site. Le monde de la typographie est plein de termes spécifiques.
Que vous vous essayez à lacréation de votre propre site ou que vous ayez recours à un webdesigner professionnel, connaître ces termes pourrait vous être d’une grande aide. Car derrière une apparence complexe, ces termes révèlent un savoir qui peut vous aider àoptimiser la lisibilité et l’apparence de votre site web. Et comme nous l’avons vu dans un article précédent (19 générateurs de palettes de couleurs pour simplifier le web-design), l’apparence de votre site est capital pourattirer l’œil, inciter un internaute à rester sur votre site, et même à y revenir ultérieurement.
Voici donc la liste de50 termes en la matière qu’il peut être utile de connaître : 1. Le crénage représente l’espace entre deux lettre. Le crénage est important sur un site web. 2. L’inter-lettre est donc unespace de taille égale entre toutes les lettres. 3. L’interligne est l’espace entre deux lignes de texte. 4. Faut-il intégrer les balises sémantiques Schema.org dans ses pages ?
Sur le Web, on entend souvent parler de "balises sémantiques" (ou de "données structurées" selon l'appellation googlienne), alors que ces patronymes désignent en fait deux domaines connexes mais différents : - Les "rich snippets" ou enrichissement des pages de résultats de Google à l'aide d'informations textuelles ou graphiques (photos, étoiles, nombre d'avis, prix, disponibilité, temps de préparation...) pour certains types de données très spécifiques (produits, avis, recettes de cuisine, événements, personnes, entreprises, musique, apps, vidéos, etc.). - Les balises Schema.org, format introduit par les 3 moteurs majeurs en 2011, pour unifier les différents standards existants jusqu'alors (microdonnées, RDFa, microformats).
On s'aperçoit qu'il existe souvent une confusion entre ces deux possibilités. L'amélioration sémantique des contenus pour une meilleure analyse des moteurs Mais il ne faut pas oublier que les balises Schema.org sont beaucoup plus "riches" et diversifiées que cela. Color Theory for Designers: How To Create Your Own Color Schemes. About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience.
She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬ While this information is important, I’m sure a lot of people were wondering when we were going to get into the nitty-gritty of actually creating some color schemes. That’s where Part 3 comes in. Color Theory For Designers, Part 2: Understanding Concepts And Color Terminology.
About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬ If you’re going to use color effectively in your designs, you’ll need to know a few color concepts, as well as color theory terminology. Color Theory for Designers, Part 1: The Meaning of Color. About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬