Le festival de WordPress
22 janvier 2021

Choisissez une langue

This is an archive of the January 2021 event

Comment savoir si mon site WordPress est accessible ?

De nombreuses ressources sont disponibles pour aider les concepteurs, les développeurs et les auteurs de contenu à créer des sites web accessibles. Nous pourrions consulter l'intégralité des spécifications WCAG2.1, mais dans de nombreux cas, les gens doivent comprendre tous les concepts d'accessibilité avant de pouvoir donner un sens à tout cela. Les articles de blog individuels peuvent aider à démystifier ces directives d'accessibilité, mais ces ressources sont fragmentées.

Et s'il existait un guide rapide des questions d'accessibilité les plus courantes et les plus urgentes, consistant en une série de questions auxquelles tout le monde pourrait répondre par oui ou par non à propos d'un site web ?

Dans cette présentation, je passe en revue une telle liste de questions, et j'aborde des techniques faciles à suivre que les gens peuvent utiliser pour tester l'accessibilité de leurs propres sites web.

Le Président : Graham Armfield

Heure : 13h00UTC
Région : EMEA
Scène : Étape GoDaddy Pro

Bonjour à tous, je m'appelle Graham Armfield de

Coolfields Consulting et ma présentation

s'appelle "Alors comment savoir si mon WordPress

Le site web est accessible" ?

C'est une présentation que j'ai faite à plusieurs reprises

avant, mais je l'ai récemment mis à jour pour que vous

va obtenir la nouvelle version.

Avant de commencer, un peu sur moi. Je suis un Web

Consultant en accessibilité et ce que cela signifie

est mon travail de jour est de travailler avec des organisations

pour les aider à améliorer l'accessibilité des

leurs offres numériques - qu'il s'agisse de sites web

ou des applications. Je fais des tests d'accessibilité, et je travaille

avec les concepteurs et les développeurs afin d'améliorer la

situation. Je dirige également de nombreux stages de formation,

avec une autre société, pour les développeurs web.

Je suis en fait un développeur web et j'ai construit

de nombreux sites web accessibles en utilisant WordPress sur

les années. Alors voilà, c'est un peu

moi.

Avant de commencer à parler de la matière principale

Je vais parler un peu du pourquoi de l'accessibilité

est important. Je suis sûr que la plupart d'entre vous comprendront

mais en fait, le but, avec les sites web

est de les rendre aussi accessibles que possible.

Parce que si vous avez un site web qui vend

produits ou services, il est important que

vous pouvez vendre au plus grand nombre de personnes possible.

Et quelque 20 à 25 % de la population

peuvent avoir des besoins d'accès différents lorsqu'il s'agit

aux sites web. Cela peut être dû à des conditions

comme la cécité ou une mauvaise vision, le daltonisme,

dyslexie, TDAH, autisme, surdité, personnes qui

sont malentendants ou des personnes qui

mes parents, qui ne font que vieillir.

Et il est important que, tout en ayant une

un site web accessible, c'est bien, même petit

Les améliorations peuvent faire une différence pour tout le monde.

Cette photo ici - vous vous demandez peut-être pourquoi

Je vous montre que - c'est la colline en haut de

l'extrémité nord du pont du Millénaire

à Londres, qui mène à la cathédrale St Paul

que vous pouvez voir au loin.

Et c'est effectivement une longue colline, et c'est

un escalier la plupart du temps. Mais quand ils

l'ont construit, ils ont mis cette rampe que vous pouvez voir

là aussi. Et je suis sûr que les gens

qui a conçu cette figure a estimé que cela

être utilisé par des personnes en fauteuil roulant,

ou des personnes qui utilisent également des poussettes.

Mais en fait, si vous vous tenez ici, comme je l'ai fait dans

ce jour plutôt humide il y a quelques années,

vous pouvez voir qu'en fait la plupart des personnes qui

marcher sur cette colline, ou descendre cette colline, va

utiliser effectivement la rampe de préférence à l'utilisation

les escaliers. Et il illustre la façon dont les

des fonctionnalités que vous pouvez ajouter à vos sites web

peut en fait aider tout le monde, plutôt que la

des personnes qu'ils ne visaient qu'à atteindre.

Donc, ce que je vais couvrir.

Je suis familier, je suis dans l'accessibilité depuis

depuis une vingtaine d'années maintenant. Je connais la

Directives sur l'accessibilité des contenus Web - connues

en abrégé WCAG. Nous sommes actuellement sur la version 2.1

et ils constituent une bonne ressource pour le web

l'accessibilité. Mais il y a beaucoup de matériel

là, et si vous ne connaissez pas le

territoire qu'ils peuvent être assez difficiles à interpréter.

Cela vaut la peine d'y jeter un coup d'œil, mais vous savez

ils peuvent être un peu impénétrables en réalité.

Et si vous aviez une simple liste de contrôle oui non ?

Des choses que vous pourriez facilement vérifier sur votre

propre site web avec quelques outils gratuits ? Et c'est

le but de cette présentation.

Dans la demi-heure qui m'est impartie

cependant, je ne peux couvrir que certaines accessibilités courantes

de l'UE. J'ai le temps de tout couvrir,

J'ai donc retiré quelques éléments communs, et d'autres importants

les problèmes d'accessibilité que j'ai trouvés dans les sites web

au fil des ans. Mais si vous pouvez répondre à toutes les

les questions avec succès, puis votre site web

va être beaucoup plus accessible que

de nombreux sites web.

Alors, commençons.

Les premières questions que je vais aborder

sont liés à l'interaction au clavier.

C'est un aspect très important de l'accessibilité

parce que certaines personnes ne savent pas utiliser une souris ou un trackpad

ou des commandes tactiles, peut-être parce qu'ils ont

ont eu une sorte de déficience motrice avec leur

membres supérieurs. Ils pourraient donc avoir à

comptent sur les claviers pour utiliser réellement leurs machines,

y compris la navigation sur les sites web.

De même, les personnes qui utilisent des lecteurs d'écran, et que

est typiquement aveugle, mais pas exclusivement

les personnes aveugles, si j'utilise un lecteur d'écran

sur un ordinateur de bureau ou un ordinateur portable, alors je suis

va également utiliser les touches pour

d'envoyer des commandes au lecteur d'écran toutes les

temps. Il est donc important que vous obteniez le clavier

droit d'accessibilité.

Les deux premières questions, et comme il est dit

Là, vous devez répondre oui à ces deux questions.

Puis-je facilement voir où se trouve la mise au point du clavier ?

Et le second, puis-je facilement accéder à tous les

des parties du site en utilisant uniquement le clavier.

Celle-ci concerne la navigation entre votre

pages.

Mais le premier - puis-je facilement voir où

Le point central du clavier est ? Si je suis un clavier voyant

utilisateur Je vais beaucoup utiliser la touche de tabulation,

pour se déplacer dans une page, vers des liens et

des boutons dans la page qui me permettent de

visiter un autre endroit, ou faire une sorte de fonctionnalité.

Il est vraiment important que je puisse voir facilement

où se trouve actuellement l'accent sur le clavier. Dans de nombreux

des sites web, ce qui n'est pas le cas.

Le second. Oui, j'ai mentionné qu'il s'agit

la navigation. Je veux pouvoir accéder à tous les

des parties du site si je suis un utilisateur de clavier.

Et malheureusement, sur de nombreux sites web, la navigation

ne s'adresse pas toujours aux utilisateurs de claviers. Alors

nous allons examiner quelques exemples

de ceux-ci maintenant.

gov.uk est donc un site très connu au Royaume-Uni.

Une mine d'informations sur les choses à faire

avec le gouvernement et les impôts, et les permis de conduire,

passeports, etc, etc. L'une des grandes choses

à ce sujet, il a une très bonne mise au point au clavier

indication. Je suis donc arrivé au sommet de la

page, et j'ai un peu tabulé et je suis

maintenant à ce lien ici - celui qui a

un fond jaune.

Toutes les indications sur ce site sont très

évident, ce que les utilisateurs voyants du clavier

Je les remercie vraiment. OK, voilà un exemple

d'une très bonne indication de focalisation.

Voici un autre site web, et c'est une entreprise

avec qui je travaille beaucoup - Hassell Inclusion.

Partout, l'accent est mis sur le clavier

sur ce site. De plus, la navigation est entièrement

accessible également. J'ai ces sous-menus

qui sortent d'ici, indiquées par les flèches

ici, et ceux-ci sont entièrement accessibles au clavier

également. Ainsi, les utilisateurs de clavier peuvent se rendre partout

dans le site.

Un site web qui ne comprend pas bien... C'est

pas certes un site WordPress, mais ici

le site des cinémas de l'Odéon. Si je survole ce

lien ici - What's On, I get this panel that

et il est doté d'un système de recherche et de

de nombreux liens pour me faire découvrir les différents films

et ce que vous avez et tout. C'est très bien,

afin de pouvoir me déplacer assez facilement sur le site.

Cependant, si je clique sur ce lien, je

n'ont pas l'occasion de voir ce panel, et donc je n'ai pas

a obtenu l'accès au dispositif de recherche sur place, et

ces différents liens et ce que vous avez. D'ACCORD,

ce n'est donc pas une bonne expérience pour le clavier

utilisateurs.

Prochaines questions. Est-ce que l'onglet du clavier

l'ordre a du sens ? et puis-je facilement accéder

toutes les fonctionnalités avec le clavier uniquement ?

Le premier là - ordre de tabulation du clavier.

Le navigateur définit l'ordre des onglets lors du chargement

la page, et idéalement elle devrait suivre le

ordre de contenu. Et si vous avez l'ordre des tabulations

en sautant d'une page à l'autre, il peut vraiment

qui est déroutante pour les gens. Une fois de plus, vous

peut être testé à l'aide de la touche de tabulation.

La deuxième question - question quatre - peut

J'accède facilement à toutes les fonctionnalités avec le clavier

seulement ? Il ne s'agit pas de navigation,

c'est parler d'interactivité dans vos pages.

Et ce sont des choses comme les fenêtres modales, etc.

Voyons maintenant un exemple de cela. Ce

est un site WordPress qui utilise un plugin lightbox.

Et si vous ne savez pas ce que cela

c'est que j'ai ces petites versions des images

ici. Si je clique sur l'image, ou sur l'onglet correspondant,

appuyez sur la touche "Entrée", il me montre en fait un

version grandeur nature de l'image comme ceci,

dans une superposition au-dessus de la page sous-jacente.

Le problème avec ce plugin particulier

est que l'accent du clavier reste en fait sur le

page ci-dessous. Les utilisateurs de clavier vont donc maintenant

de lutter pour atteindre ces boutons à la

qui me montrent le précédent et le prochain

dans la série, ou fermer complètement l'image.

Je ne peux pas y arriver si je suis un utilisateur de clavier,

C'est donc un vrai problème.

Egalement sur le site de Jetpack. La plupart du temps, cette

est assez bon d'un point de vue de l'accessibilité

perspective. Cependant, il a ce langage

et si j'appuie sur ce bouton, appuyez sur

la touche entrée, il ouvre le sélecteur de langue.

Mais une fois de plus, l'accent est mis sur le clavier

l'écran sous-jacent, et donc le clavier visible

les utilisateurs auront en fait du mal à sélectionner

différentes langues sur ce site. Donc, c'est

Ce n'est pas une bonne chose.

OK, on s'éloigne de l'interaction au clavier,

parlons des liens. Le premier ici,

et vous devez répondre oui à celle-ci - Sont

vos liens sont évidemment des liens ?

C'est maintenant une convention de l'aube de la

web dont les liens seraient soulignés.

Cependant, ce thème particulier de WordPress en fait

choisit de ne pas le faire. Il a pris le parti de souligner

loin de tous les liens, et vous pouvez voir ceci

paragraphe de texte à gauche ici sur Exeter

contient de nombreux liens. Les liens marqués avec

texte en vert. A quel point est-il plus facile de voir ces

liens lorsque j'ai inversé les soulignements

encore ?

Parce que les utilisateurs daltoniens ou ayant

une mauvaise vision aura du mal à voir les liens

sur la gauche, car le texte vert

est assez similaire au texte gris. D'accord, donc

les choses à éviter là-bas.

Le prochain sur les liens - Faites tous vos liens

fournir suffisamment d'informations pour indiquer où

ils conduisent à ?

Nous examinons ici les questions relatives au lecteur d'écran

les utilisateurs - généralement des personnes aveugles comme je l'ai déjà dit.

J'ai donc ici un site WordPress, il s'agit de

un plugin qui est disponible. J'ai un lien

ici qui dit "Cliquez ici" pour trouver

plus. J'ai un autre lien qui dit

Cliquez ici" pour lire les conditions et

conditions. Maintenant, je n'ai plus de problème

sur le verbe ici, parce qu'il est évident que tout le monde n'est pas

en cliquant, ils peuvent être en train de toucher ou de taper

de l'information.

Le problème, pour les utilisateurs de lecteurs d'écran, est

que souvent les utilisateurs de lecteurs d'écran utiliseront des fonctionnalités

comme ceci - qui est une liste de tous les liens

sur la page qu'ils peuvent consulter.

Et cela grâce au lecteur d'écran NVDA qui

est disponible pour Windows et il a ces

deux liens là. Maintenant, ils me mènent à deux

mais il n'y a rien d'évident dans la

lien texte pour me dire où ils vont

prenez-moi. Et la raison pour laquelle c'est important

c'est parce que je peux utiliser cette boîte ici pour

suivre les liens à partir d'ici, plutôt

que de retourner à la page sous-jacente.

OK, c'est donc assez facile à réparer. Tout à fait

facile à tester, et assez facile à réparer. vous pouvez

changer le contenu pour dire quelque chose comme "Trouver

comment nous mettons à jour le plugin' et 'terms and

conditions".

Donc maintenant, quand j'utilise un lecteur d'écran et

Je reçois la liste des liens vers le haut c'est beaucoup plus

Il est évident que ces liens sont utiles.

C'est donc beaucoup plus facile pour ceux qui se trouvent à droite

pour un utilisateur de lecteur d'écran.

OK, nous voulons éviter cela, beaucoup de "clic

et "lisez-en plus" sur toutes vos pages.

Parlons un peu des images et de la vidéo. Le site

question suivante - Toutes vos images sont-elles appropriées

texte alternatif ? Et vous pouvez tester cela tout à fait

en utilisant facilement une extension de navigateur appelée Wave,

qui vous montrera ce que le texte alternatif

est pour les images.

Ceci est important pour les utilisateurs de l'écran, qui peuvent

être aveugle, car ils sauront qu'il y a

une image là, potentiellement, mais ils voudront

pour savoir ce que l'image signifie OK. Donc, quand vous êtes

mettre votre texte alternatif dans le classique

éditeur, vous utiliseriez cette boîte ici. Et c'est un

bonne idée, même si vous fournissez le sous-titrage,

pour définir également le texte alternatif.

Et voici à quoi ressemble l'utilisation du Gutenberg

éditeur également - même chose. Vous êtes

en aidant les utilisateurs de lecteurs d'écran ici.

Si vous avez des images qui sont des liens, et souvent

sur la page d'index de votre blog, vous le ferez,

votre thème WordPress pourrait en fait faire ces

images qui se trouvent ici sur la page d'index du blog

en fait un lien vers l'article du blog. Et ce

est un thème WordPress que j'ai utilisé pour mon

propre site de musique et le thème WordPress

fait cela pour moi automatiquement. En fait, il

met la destination de la liaison comme alternative

texte pour cette image plutôt que de dire

de la guitare", ce qui est beaucoup plus

utile.

Et vous pouvez voir ici que j'ai le

code. J'ai ce lien ici, et le seul

La chose qui se trouve dans ce lien est cette image. Et le

le texte alternatif, dans ce cas, devient alors

le texte du lien pour cette image. Donc c'est bien.

Malheureusement, ce n'est pas le cas de tous les thèmes. Ce thème particulier

Le thème ne le fait pas. Voici donc une liste

de liens dans mon lecteur d'écran et voici le

image en vedette pour cet article de blog particulier

qui est appelé ISTC Southern Area. Et c'est

l'article de blog, c'est un lien vers l'article de blog,

mais il s'agit également d'un lien vers le même article de blog

mais le texte alternatif est koala bear. C'est

pas un super texte alternatif, car il est en fait

pas vraiment sur les koalas. C'est juste que je

a choisi cette image comme sujet d'un reportage

pour cet article de blog.

La prochaine est autour des vidéos. Huitième question

- Toutes vos vidéos sont-elles légendées ?

C'est moi qui fais cette présentation quelque

il y a quelque temps, et il y a une vidéo de cette opération sur YouTube.

Et j'ai fait en sorte que toutes les légendes soient

correcte. Il est évident que les légendes sont importantes

pour les personnes sourdes ou malentendantes,

mais en fait, beaucoup d'autres personnes utilisent des légendes

en regardant des vidéos également - peut-être en

un environnement bruyant.

La section suivante est un groupe de choses autour de

en signalant votre contenu. Et surtout ici

nous aidons les utilisateurs de lecteurs d'écran.

Donc la question suivante - Les titres de vos pages sont-ils

unique et significatif ? Et évidemment, vous

doivent répondre oui à cette question.

En général, cette tâche est prise en charge pour vous avec

Thèmes WordPress. Ici, j'ai le titre de la page.

C'est ce qui s'affiche dans l'onglet du navigateur à l'adresse

et, en général, ce sera n'importe quoi

le titre de la page est défini dans votre WordPress

éditeur. Et c'est donc génial. Pourquoi c'est important

est l'élément de titre est fixé ici, et lorsque

un utilisateur de lecteur d'écran arrive à une page pour

la première fois, la toute première chose qui obtient

Le titre de la page leur est lu. Ainsi, il

les aide à savoir qu'ils sont dans le droit

lieu. Et vous pouvez le tester en vérifiant le

en haut du navigateur ici.

La prochaine - Utilisez vos pages de manière appropriée

les rubriques et sous-rubriques ?

Encore une fois, c'est très important pour le lecteur d'écran

utilisateurs. OK, vous pouvez tester ceci en utilisant un navigateur

appelé Wave, et ici j'ai une

niveau 1, car Wave vous montre aussi

les niveaux de cap ici. Le titre de niveau supérieur,

et les rubriques de second niveau ici. OK, et ce

est une bonne chose que vous utilisiez réellement

les rubriques correctement.

La raison pour laquelle c'est une bonne chose pour le lecteur d'écran

utilisateurs, c'est parce qu'une fois de plus dans la NVDA, vous pouvez

utilisez ici cette liste d'éléments qui, en fait

vous montrera une liste des rubriques d'un

page. Donc, si je peux trouver une rubrique qui m'intéresse

je peux rapidement passer à cette rubrique et

il me fera passer à cette section de la

page.

L'élément clé à noter est que la NVDA expose

la hiérarchie des titres, si je vois

ici ou en l'entendant m'annoncer. Et

Cela m'aidera donc à me faire une idée de la façon dont

la page est structurée. Il est donc important

pour essayer d'obtenir une hiérarchie de titres aussi précise

que possible.

Un autre moyen pour les utilisateurs de lecteurs d'écran de se déplacer

autour des pages utilise des points de repère. Alors, que sont

des points de repère que je pourrais vous entendre dire.

Les points de repère sont des zones prédéfinies au sein

pages. Par exemple la bannière, la navigation,

contenu principal, pied de page, une barre latérale si vous avez

un. Et les utilisateurs de lecteurs d'écran peuvent sauter partout

la page de ces différentes sections.

D'accord, mais comment les utiliser ?

En fait, la plupart des thèmes WordPress sont maintenant

en utilisant des éléments de section HTML5. Et c'est ce que

ils sont pour, ils fournissent en fait des points de repère

pour les utilisateurs de lecteurs d'écran. C'est pourquoi ils sont

là, une fonction d'accessibilité.

J'ai donc <header>, <nav>, , <main>,</main></nav></header> <header> <nav> <main> <footer></main></nav></header>

et <aside>. Et ceux-ci sont des points de repère.</aside>

Mais comment tester que je peux vous entendre demander.

Eh bien, il existe une extension de navigateur pour cela

aussi. OK, Navigation des points de repère via le clavier

ou Pop-up. Il est disponible en Chrome et Firefox,

et il vous montrera tous les points de repère sur

une page. Ce qu'il est utile de savoir, afin que vous puissiez

testez rapidement vos propres pages. Et il y a

un problème clé avec ce thème WordPress,

il n'indique pas le point de repère principal sur aucune page

ou des postes.

Et c'est probablement le plus important

dans chaque page, est le point de repère principal, c'est

où se trouve le contenu principal, mais il n'est pas là.

OK, ne vous contentez pas de signaler votre contenu,

parlons de la mise en forme du texte.

Cette question - Puis-je redimensionner le texte d'une page

sans rompre la mise en page ? Cela arrive encore

sur un grand nombre de sites web. Il est important

pour les personnes malvoyantes qui pourraient vouloir

les choses doivent être plus grandes, OK.

Un exemple de cas où il n'est pas juste... Pas

un site WordPress celui-ci, et c'est tout à fait

vieux. Il s'agit d'une liste de liens dans une boîte, et cette

c'est à quoi cela ressemble quand je fais le texte

plus grand. Les liens se sont développés parce que

ils prennent plus de place. Ils se sont répandus à l'extérieur

la boîte et ont commencé à déborder sur d'autres

de la page.

Il est important de réaliser que le redimensionnement du texte

et le zoom ne sont pas la même chose. Ils sont

à la fois des fonctionnalités offertes par tous les navigateurs, et

les gens les utilisent de différentes manières. Généralement,

nous parlons de personnes ayant une mauvaise vue

ici, qui veulent que les choses soient plus grandes. Certaines personnes

va zoomer, certaines personnes vont redimensionner le texte. Vous

vous devez le tester, avec vos propres sites web

ici pour s'assurer qu'il n'y a pas d'effraction

par ici.

Voici quelques autres exemples que j'ai trouvés assez récemment.

Il y a donc beaucoup d'affrontements par-ci, par-là,

et une certaine troncature, où elle en arrive

le point où il est difficile de lire certaines

de ce truc quand j'ai agrandi le texte.

Le prochain sujet abordé est le formatage

texte pleinement justifié.

OK, voici donc un paragraphe de texte sur Exeter

- qui est aligné à gauche. Voici à quoi cela ressemble

comme lorsqu'elle est pleinement justifiée.

Ce que fait le navigateur, c'est qu'il s'étire

les écarts entre les mots, et cela crée

un peu de charge cognitive pour tout le monde.

Et ce que j'ai indiqué ici, c'est un effet

que l'on peut appeler les "Rivières blanches

espace", ce qui, si vous êtes dyslexique, pourrait

reconnaître ce terme, car pleinement justifié

Le texte peut rendre la vie très difficile pour certains

dyslexiques.

J'ai un ami qui est sensiblement dyslexique.

Elle ne serait tout simplement pas capable de lire ce texte

sur la droite car l'espace blanc

prendrait tout simplement le relais.

C'est environ 8 à 10 % de la population qui ont

une certaine forme de dyslexie, ce qui représente beaucoup de

les gens.

OK en regardant les entrées des utilisateurs. Champs du formulaire. Il s'agit de

il est important que tous les champs de votre formulaire aient un

l'étiquette d'accompagnement.

C'est important pour les utilisateurs de lecteurs d'écran

parce qu'une étiquette leur indique ce que l'entrée

Le champ d'action est l'objet. Et il est important que le

est lié par programme à l'entrée

afin que le lecteur d'écran lise les champs

texte droit à l'utilisateur lorsqu'il arrive à

un champ de saisie.

Et ici j'ai testé ceci avec le navigateur Wave

et il me donne ces icônes vertes

sur ce formulaire ici, où les étiquettes sont correctement

assignés avec les champs de saisie.

Cependant, ce n'est pas toujours le cas. Et ici

J'ai utilisé le plugin du formulaire de contact 7 sur un site web,

juste pour l'essayer. Et c'est avec le

et malheureusement les étiquettes sont

n'est pas correctement lié aux champs de saisie, donc

cela rendra la vie très difficile pour l'écran

utilisateurs de lecteurs. Vous pouvez donc tester cela avec Wave.

OK, en passant à la dernière section, et le

dernière question sur le contraste des couleurs.

Ce n'est pas une photo de ma mère, mais je

l'ont vue se plaindre de sites web où

il est impossible de faire des choses parce que

le contraste des couleurs n'est tout simplement pas assez net.

Et voici un site WordPress où malheureusement

ils ont choisi des couleurs de marque qui offrent

beaucoup de problèmes de contraste des couleurs, à travers

le site.

Et j'utilise ici un outil appelé la Couleur

Analyseur de contraste. Je vais vous montrer le lien

pour cela dans un instant. Et vous pouvez choisir le

l'avant-plan et la couleur de fond et elle

vous dira immédiatement s'il y a

un contraste de couleur suffisant, à un algorithme

que les directives WCAG précisent. Et dans ce

il y a très peu de choses qui répondent réellement

l'exigence.

Vous pouvez utiliser cet outil pour tester vos pages ou

vous pouvez utiliser cette autre extension de navigateur appelée

aXe. Il est disponible pour Chrome et Firefox,

et il vous montrera effectivement pendant une mise en page

vous montrent de nombreux problèmes d'accessibilité,

y compris les problèmes de contraste des couleurs. Et le

Le problème est que le texte vert est insuffisant

contraste avec le fond blanc.

OK, c'est tout, 15 questions,

et hre est une ressource utile.

Le premier est un lien avec ce contraste de couleur

outil dont je viens de parler. Il est disponible

pour les Mac, ainsi que pour les machines Windows et

alors j'ai les deux extensions du navigateur.

Wave est disponible pour Chrome et Firefox.

aXe est disponible pour Chrome, Firefox et

Edge, mais c'est le nouveau Microsoft Edge. Et

Je pense que l'outil Wave sera disponible pour

Bord avant trop longtemps.

OK, quelques autres liens utiles. J'ai écrit

de nombreux articles de blog sur l'accessibilité - pas

étonnamment - et en voici une de 10 ans

il y a peu, sur la rédaction d'un bon texte de remplacement pour

vos images. Même si elle a 10 ans,

les informations contenues dans ce billet sont encore très

pertinents. OK, donc vous pourriez jeter un coup d'œil à

que.

J'ai également écrit quelques articles sur le blog

en remplissant correctement les champs du formulaire. Il y a quelques

pour que vous puissiez le suivre et il

vous montrer une liste de ces derniers là aussi.

Et voilà. C'est ma présentation sur

Comment puis-je savoir si mon site WordPress est accessible ?

Partager cette session

Partager sur facebook
Partager sur twitter
Partagez sur linkedin
Partagez sur pinterest
Partager sur le courrier électronique