Le Drop des nouvelles WordPress de doc est un reportage hebdomadaire sur les nouvelles WordPress les plus urgentes. Quand la nouvelle arrivera, je la donnerai directement. Dans la vidéo drsquoactualités de cette semaine, parlons de 5 façons possibles drsquoendommager accidentellement certains sites utilisateurs. Vous WordPress News, mais détestez lire? Je mrsquoappelle doc, et crsquoest le reportage de doc POP. Le réseau est une ressource importante pour des milliards drsquoutilisateurs dans le monde entier. Il offre un accès à lrsquoinformation, relie les collectivités et permet aux gens comme moi de se sentir plus à lrsquoaise lorsqursquoils se promènent dans des endroits que je ne connais pas très bien. Il est également devenu un outil précieux pour aider les personnes qui pourraient autrement ne pas être facilement accessibles (y a t il un meilleur terme pour les personnes handicapées?). De nombreux utilisateurs aveugles et malvoyants comptent en fait sur des outils de synthèse vocale et drsquoautres normes Web pour naviguer facilement sur le site Web afin drsquoobtenir lrsquoinformation dont ils ont besoin, mais de nombreux concepteurs Web peuvent ne pas tenir compte de ce groupe particulier lorsqursquoils créent de nouveaux sites Web. Souvent, il est difficile de naviguer même si lrsquoutilisateur peut lire le contenu de la page à lrsquoaide drsquooutils drsquoaccessibilité. Il est important de pouvoir identifier la structure et la fonctionnalité du site.
Le World Wide Web Consortium a publié le World Wide Web Content Accessibility Guide (WCAG), qui contient de nombreuses recommandations sur les critères à suivre pour concevoir un site Web. Cette semaine, nous discuterons de cinq façons dont votre site Web pourrait violer les droits drsquoaccès des visiteurs malvoyants. Lorsque commencez à concevoir une page Web, beaucoup drsquoentre nous pensent drsquoabord aux effets visuels, donc ils conçoivent autour de ces paramètres. Avec lrsquoaugmentation du texte fortement stylisé sur les macros drsquoimage et les belles images, de nombreux sites Web empêchent les lecteurs nt de lire
Voix ESI. (afficher des exemples de références célèbres au dessus de lrsquoimage)
Par exemple, voici un projet kickstarter dans lequel toute la description est écrite dans lrsquoimage JPEG. À lrsquoexception des titres et des descriptions ci dessus, les clients ayant une déficience visuelle ne seront pas au courant du projet. Cependant, ce nrsquoest pas seulement le texte sur la photo. Chaque fois que publiez une capture drsquoécran drsquoun courriel ou drsquoun autre site Web, pouvez par inadvertance empêcher les lecteurs malvoyants de lire des extraits de texte clés. Lrsquoutilisation drsquoimages avec du texte dynamique nrsquoest pas nécessairement une mauvaise chose, ce qui est souvent une bonne façon drsquoanimer nrsquoimporte quel message, mais assurez drsquoutiliser des substituts de texte pour ce contenu visuel.
En drsquoautres termes, lorsque partagez une image, assurez de fournir une étiquette de titre et une description alt. L’éditeur WordPress rend cette tâche si simple qu’il n’y a aucune raison de ne pas le faire. Lrsquoutilisation de marqueurs de titre H2 incorrects, tels que les marqueurs H1 et H2, nrsquoest pas seulement destinée à être formatée. Ces balises HTML fournissent en fait des informations sur la hiérarchie de la structure du document. Le lecteur de synthèse vocale reconnaît ces étiquettes et fournit une liste sommaire des styles à utiliser par les lecteurs ayant une déficience visuelle pour la navigation. Lrsquoutilisation de caractères plus grands ou de formats différents rend cette tâche plus difficile. Les utilisateurs aveugles ne peuvent pas voir les changements visuels, aussi évidents soient ils à votre avis.
Je sais que crsquoest une erreur que jrsquoai faite dans le passé. Jrsquoai souvent lrsquoimpression que les titres H2 ont une apparence limitée, donc jrsquoutilise des polices plus grandes ou en gras. Ou peut être que jrsquoai écrit un long article sans formatage pour diviser les différentes parties. Depuis lors, jrsquoai appris que lrsquoutilisation de balises de titre appropriées, en particulier lrsquoutilisation de H2 pour diviser les sections, non seulement rend votre site plus accessible, mais améliore également lrsquoexpérience utilisateur.
Disposition générale. En tant qursquoartiste visuel, mon charme réside dans le choix drsquoune palette de couleurs forte et la persévérance, mais il est important de choisir des polices à contraste élevé qui sont faciles à lire. Beaucoup drsquoentre nous finissent sur une page ou lrsquoautre et ont vraiment besoin de zoomer pour lire le texte.
la couleur de votre police est trop semblable à celle de lrsquoarrière plan, ou si publiez du texte dynamique dans une image, il peut être difficile pour certains lecteurs ayant des problèmes de vision ou des daltoniens de lire votre contenu. utilisez des caractères fins ou très clairs, même le texte noir sur fond blanc peut être difficile. Très petit. Essayez drsquoutiliser des polices avec un contraste de fond élevé, de grandes dimensions et faciles à lire. Je ne dis pas que tout le contenu devrait être en gras 14pt extra large, mais soyez sélectif lorsque utilisez des caractères plus fins. Notez que dans les marges, ne spécifiez pas de taille de police (en PT) ou drsquoautres unités de longueur absolue pour les feuilles de style drsquoécran. Ils ne srsquoaffichent pas uniformément sur différentes plateformes et les agents utilisateurs, comme les navigateurs, ne peuvent pas les redimensionner. WCAG indique que si définissez la taille de police de base pour un document, utilisez la taille absolue ([X X Small | X Small | Small | MEDIUM | large | X large | XX large]) ou la taille relative ([large | petit]) Lorsque définissez la taille de police drsquoun élément particulier Dans le document.
Votre site Web est trop difficile à naviguer. Il y a quelques conseils et styles CSS très intéressants qui peuvent faire de la navigation des pages Web une expérience Web vraiment unique. Jrsquoai vu quelque chose à propos de Wired et de. Moore.
Les utilisateurs peuvent ne pas être en mesure drsquoutiliser la souris, de sorte qursquoils ne peuvent parcourir votre site que par clavier. Srsquoils ne peuvent pas accéder aux différents liens de votre site en utilisant les boutons de lrsquoonglet, ou srsquoils ont des pièges à clavier, ils ne seront pas en mesure drsquoutiliser votre site. Quand je parle de pièges à clavier, je parle de plug ins, widgets ou astuces JavaScript qui ne permettent pas de quitter une partie du site sans utiliser la souris. Certaines applications, comme Flash, enferment particulièrement les utilisateurs dans une section.
Heureusement, il est facile de tester la compatibilité clavier du site. Vous nrsquoavez pas besoin drsquooutils, essayez de naviguer sur votre site Web avec votre clavier pour voir quelles parties peuvent ne pas être navigables sans votre souris. Vous nrsquoutilisez pas de repères aériens les repères aériens sont des attributs que pouvez ajouter à une page pour définir des zones telles que le contenu principal ou les zones de navigation. Certains exemples comprennent la navigation, les formulaires, le principal et la recherche. Lorsque le lecteur drsquoécran rencontre ces étiquettes, comme « navigation », lrsquoutilisateur saura qursquoil peut utiliser cette section pour naviguer sur la page drsquoaccueil du site. Srsquoils trouvent lrsquoonglet recherche, ils sauront qursquoils peuvent lrsquoutiliser pour rechercher votre site.
En appuyant lrsquoanalyse comparative aria, pouvez rendre votre site plus accessible aux lecteurs ayant une déficience visuelle. Mais même en lrsquoabsence de ces balises HTML spécifiques, les lecteurs peuvent toujours parcourir votre site tant que les liens texte sont assez intuitifs. Par conséquent, si nrsquoavez qursquoun seul lien texte qui indique « recherche », nrsquoavez pas besoin drsquoutiliser lrsquoonglet « recherche » de lrsquoair pour les utilisateurs, mais si la barre de recherche nrsquoa pas de texte, crsquoest juste un module ou un symbole stupide de loupe que les lecteurs ayant une déficience visuelle pourraient ne pas être en mesure drsquoutiliser.
Par ici.
NDI assurez que vos liens utilisent un texte descriptif clair ou mieux supportent les étiquettes des points de référence aria pour une expérience plus cohérente. La Conférence de presse de cette semaine est terminée. Pour en savoir plus sur lrsquoaccessibilité du Web, consultez nos articles de Josh Pollock et Nick Torque magazine pour en savoir plus sur lrsquoaccessibilité. En plus des normes de pratiques exemplaires du WCAG, je vais fournir des liens vers ces normes. Jrsquoai également publié une courte interview vidéo avec Josh sur lrsquoaccessibilité sur notre chaîne YouTube (montrant des extraits de lui parlant des escaliers et des rampes)
Nous essayons tous drsquoattirer plus drsquoutilisateurs sur notre site. rsquoutilisateurs signifie plus de ventes de commerce électronique, plus de commentaires, ou plus de ce que voulez. Le maintien de lrsquoaccessibilité du site Web nrsquoest pas seulement une bonne pratique, mais il permet également de srsquoassurer que profitez pleinement du contenu en ligne. Quel est votre plus grand défi lors de la navigation sur le site? Veuillez nous le faire savoir dans les commentaires ci dessous.
Doc POP News Drop: cinq façons d&rsquoenfreindre la loi Accessibilité du site Web
