Les sites web accessibles sont bénéfiques pour tous - aperçu avec des conseils pratiques

Johannes Mairhofer Dernière mise à jour le 08.05.2020
6 Min.
Site web sans barrières

Les sites web accessibles ne sont plus un sujet de niche supposé pour les personnes handicapées. Il nous concerne tous et aide même les fans de SEO parmi vous - un aperçu avec des conseils pratiques de JohannesMairhofer.

L'accessibilité dans l'espace numérique fait en fait partie intégrante de l'internet et est déjà définie dans ses lignes directrices normalisées. Et bien sûr, il joue également un rôle important dans le WordPress Codex. Tous les utilisateurs devraient pouvoir l'WordPress utiliser, quelle que soit leur langue, leur statut économique ou leurs limitations physiques. Cependant, le sujet n'a pas encore reçu l'attention qu'il mérite. L'accessibilité numérique doit être prise en compte dans les WordPress WordPress projets, notamment en ce qui concerne l'évolution démographique et la volonté d'inclusion, déclare Johannes Mairhofer. Parce que : L'accessibilité devient également importante du point de vue des entreprises et du référencement.

L'idée d'un site web accessible n'est pas nouvelle

Afin de normaliser les techniques du World Wide Web, le World Wide Web Consortium, en bref W3C...a été fondée. Les normes sont particulièrement importantes à cet égard :

  • HTML (toujours la structure de base de presque tous les sites web)
  • CSS (Cascading Style Sheets, par exemple utilisé pour les WordPress modèles)
  • WCAG (Web Content Accessibility Guidelines)

Le Directives WCAG sont développés par la Web Accessibility Initiative (WAI), qui est elle-même un groupe du W3C. Deux versions sont désormais disponibles.

WCAG 1.0

  • Utiliser des balises et des feuilles de style
  • Conception indépendante du dispositif

WCAG 2.0

Les sites web doivent

  • Perceptible (par exemple, des alternatives de texte pour les images)
  • Exploitable (par exemple, contrôlable par le clavier)
  • Compréhensible (par exemple grâce à un langage facile)
  • Robuste (Compatible)

être.

L'idée d'un site web sans barrières n'est donc pas nouvelle et est même ancrée dans l'ordonnance sur les technologies de l'information sans barrières (BITV) depuis 2002. Cela signifie qu'au moins les sites web des autorités publiques sont tenus de proposer des contenus sans barrières.

Surtout pour les nouveaux WordPress projets : un site web sans barrières peut être mis en place avec très peu d'efforts

Comment mettre en place un site web sans barrières ? De nombreux points ne sont pas aussi compliqués qu'on pourrait le croire et peuvent être mis en œuvre sans trop d'efforts.

Le moyen le plus simple est, bien sûr, d'utiliser une page qui vient juste d'être créée et conçue. Mais les sites web déjà existants peuvent également être optimisés par la suite. Il y a quelques règles de base simples à suivre.

1) Utiliser correctement le titre de la page, la navigation et les balises

Le titre de la page se trouve en fait dans le titre et les titres sont structurés de manière logique et également formatés en tant que titres, et non pas seulement en gras. Les dénombrements sont réalisés avec des balles ou des points, et non avec un simple signe moins. Cela WordPress peut être spécifié directement dans l'éditeur. Selon le modèle et l'éditeur utilisés, plusieurs classes de rubriques sont disponibles ici. L'utilisation de balises (par exemple H1 et H2 pour les titres) permet de rendre la page plus agréable et plus navigable pour les personnes aveugles à l'aide d'un lecteur d'écran ou du clavier.

Site web sans barrières : Jour de la liste
Tête de site web accessible
Extraits de l'éditeur de texte pour cet article : Ci-dessus, vous pouvez voir que les énumérations ont été définies comme telles. Les sous-positions sont également définies comme H3.

2) N'utilisez pas JavaScript et Flash dans la conception

Pour la conception, il est préférable d'utiliser HTML et CSS. Javascript et Flash ne doivent pas être utilisés. Javascript est, comme son nom l'indique, un langage de script. Bien qu'il soit peu sûr, tous les appareils ou navigateurs ne peuvent pas traiter le code. Comme le site web doit être disponible sur le plus grand nombre d'appareils possible, Javascript n'est pas recommandé.

3) Séparer le contenu et la conception

Le contenu (texte) et la conception (mise en page) doivent être considérés comme complètement distincts l'un de l'autre. En utilisant différentes variantes CSS, le contraste de la page peut être ajusté ou les couleurs modifiées, par exemple, par un simple clic de l'utilisateur. Ainsi, les personnes souffrant de déficience visuelle ou de daltonisme peuvent être aidées. Même les grandes entreprises comme Pfizer.

En principe, cela est WordPress déjà automatique. Par exemple, un modèle peut être modifié sans changer le contenu. Si le site web est appelé avec un smartphone ou une tablette, la mise en page est également ajustée automatiquement.

4) Respecter le principe des deux sens

En principe, le contenu doit être préparé de manière à pouvoir être perçu par deux sens différents. De cette façon, le site web peut être visité par le plus grand nombre de personnes possible sans trop d'efforts. Cela peut se faire, par exemple, par les mesures suivantes :

  • Ajouter des descriptions d'images aux images (passe directement par l'WordPress éditeur)
  • les vidéos sous-titrées (par exemple, Youtube le fait en partie automatiquement)
  • Organiser le texte avec une structure et des titres (travaux dans l'éditeur)

Mon conseil pour mieux comprendre un site web sans barrières : faites-en l'expérience vous-même

En théorie, le sujet n'est pas toujours aussi facile à comprendre. J'ai parlé avec Heiko Kunert, directrice de l'association pour les aveugles et les malvoyants, au sujet des sites web sans barrières. Heiko est lui-même aveugle et surfe sur le net avec un lecteur d'écran. Heiko parle de ses expériences avec les sites web et les réseaux sociaux et nous raconte comment il utilise son smartphone et un écran en braille pour surfer sur le net.

Beaucoup de choses qui sont théoriquement traitées ici peuvent être essayées sans grand effort. Vous pouvez ainsi vous faire une idée de la façon dont votre site est réellement perçu.

affichage en braille des sites web sans barrières
Une source de lignes en braille : Wikimedia Commons. Licence : https://creativecommons.org/licenses/by-sa/3.0/

Le lecteur d'écran et l'affichage en braille sont les deux aides à la navigation les plus courantes

Un lecteur d'écran est un logiciel qui reconnaît le texte et le lit. Pour la navigation dans les pages web et les documents, il est donc important que des balises soient utilisées dans les titres et les images. Cela permet aux utilisateurs de naviguer sur le site web à l'aide d'un lecteur d'écran et d'un clavier ou d'un affichage en braille.

Une variante d'un lecteur d'écran est, par exemple NVDA. Cette variante est un logiciel libre et gratuit. Je vous recommande d'essayer celui-ci et d'appeler votre propre site web avec le moniteur éteint et d'essayer de naviguer dans les menus.

A Affichage en braille traduit en braille la ligne courante respective sur l'écran. Cette ligne est un véritable matériel qui est connecté à l'ordinateur. L'affichage en braille fonctionne en combinaison avec un lecteur d'écran.

La réactivité est la clé d'un site web sans barrières

Ordinateurs, ordinateurs portables, smartphones, tablettes, smart watch et navigateurs de texte. Le nombre de dispositifs permettant d'accéder à un site web est énorme. L'un des points importants des WCAG 2.0 est la disponibilité du site web sur le plus grand nombre d'appareils possible.

La plupart WordPress des modèles sont maintenant plus ou moins réactifs et permettent d'accéder au site web au moins sur ordinateur et smartphone. Selon le modèle, par exemple, les menus sont adaptés, les barres latérales sont affichées ou cachées, mais les dessins sont également complètement adaptés. C'est ce qu'on appelle la conception de sites web réactifs. Il est facile et instructif d'appeler son propre site web sur un autre appareil.

Le réseau est formidable. Et le net est là pour tout le monde !

Bien que le réseau et la disponibilité permanente ne soient plus des territoires nouveaux, ils le sont toujours dans la perspective d'une génération. La génération des trentenaires d'aujourd'hui, ou au plus tard les générations suivantes, sont habituées à savoir que le réseau est disponible partout et à tout moment. Nous ne voulons pas nous priver des possibilités d'information et de communication qu'apporte le net, même dans la vieillesse.

La demande de sites web accessibles augmente donc et se développe d'année en année. Grâce aux possibilités offertes et aux outils WordPress intégrés (par exemple, description d'images, titres, CSS), il est possible de rendre les sites web au moins accessibles sans trop d'efforts.

Le fait que cela devienne de plus en plus important est également évident du fait que de plus en plus de grandes entreprises accordent de plus en plus de valeur à la participation numérique. Outre l'exemple susmentionné de Pfizer, Twitter offre depuis un certain temps déjà la possibilité d'ajouter une description aux photos, Microsoft traite abondamment de ce sujet et bien d'autres encore les suivent peu à peu. Un aperçu détaillé des sites web positifs sans barrières peut être consulté ici, par exemple.

Enfin, un site web sans barrières est également mieux pour Google

Malheureusement, je constate trop souvent que l'on accorde plus d'importance au référencement qu'à un bon contenu, et je ne suis donc pas un grand fan des arguments en faveur du référencement. Mais si les pages web peuvent être mieux lues et interprétées par les lecteurs d'écran, il est également plus facile pour le robot Google de classer correctement la page visitée.

Il vous permet déjà WordPress de créer très rapidement et facilement un site web accessible à 80 %.

Il reste un long chemin à parcourir avant d'atteindre une accessibilité à 100 %. Et cela n'est probablement pas faisable pour de nombreuses petites entreprises et blogs privés. Mais avec les possibilités offertes par vonWordPress , il est facile d'atteindre une accessibilité d'environ 80 %.

L'utilisation de balises pour les titres et les images, et surtout pour la description des images, permet de réaliser beaucoup de choses avec peu d'avantages. Surfer sur votre propre site web avec un navigateur de texte vous donne une idée des vis qui doivent être et peuvent être tournées.

Quiconque gère le site pour une entreprise est toujours bien avisé de le faire tester par des personnes aveugles afin commentaires et conseils de professionnels à obtenir.

Johannes est très curieux et a déjà atteint différentes étapes de sa carrière. D'informaticien de formation à photographe indépendant, il est polyvalent et peut donc porter les différentes "lunettes" de ses clients. Aujourd'hui, il travaille comme photographe et consultant indépendant pour WordPress la photographie. [Photo : Dennis Weißmantel]

Articles connexes

Commentaires sur cet article

Écrire un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .