A11y

Accessibility: Personal Website made accessible

Quête 1 sur 2

FrançaisEnglish (original)

Accessibilité

Continue à travailler sur ton projet Personal Website et rends ton site plus accessible. Voici quelques idées de ce que tu peux faire.

Assure-toi que :

tu as utilisé du semantic HTML (HTML sémantique : des balises qui portent du sens, comme <nav> ou <article>) dès que c'est possible.
tous tes éléments interactifs ont un accessible name (nom accessible : le texte qu'un lecteur d'écran va annoncer pour l'élément). S'il y a par exemple une icône sur laquelle l'utilisateur peut cliquer, il se peut qu'elle n'ait pas encore de nom accessible.
tes pages ont un seul élément h1 et ne sautent pas de niveaux de titre.
le contenu textuel de tes éléments interactifs est descriptif.

Bravo

Quand tu es satisfaite du niveau d'accessibilité de ton Personal Website, dépose l'URL de ton dépôt GitHub dans le champ de rendu de la solution.

Continue to work on your Personal Website project and make your website more accessible. Here are some ideas of what you can do.

Make sure:

you used semantic HTML whenever possible.
all of your interactive elements have an accessible name. If there is an icon for example that the user can click, it might not have an accessible name yet.
your pages have one h1 element and do not skip heading levels.
the text content of your interactive elements is descriptive.

Bravo

When your are satisfied with the level of accessibility on your Personal Website, upload the URL to the GitHub repo to the solution prompt.