Aider
Accessibilité
L'ajout de contenu au site Web est assez simple. Le garder accessible nécessite un peu de travail supplémentaire.
Liens accessibles vers des sites Web externes
Il existe 2 façons de créer un lien vers un site Web externe, un lien normal ou un lien qui ouvre le site Web dans une nouvelle fenêtre de navigateur. Nous avons toujours opté pour l'ouverture de liens vers des sites Web dans une nouvelle fenêtre de navigateur. Pour qu'un lien externe qui s'ouvre dans une nouvelle fenêtre de navigateur soit accessible, le lien doit informer l'utilisateur qu'une nouvelle fenêtre de navigateur va s'ouvrir. Pour ce faire, vous devrez modifier le code HTML du lien.
Étape 1. Créez votre lien vers un site Web externe en vous assurant que l'option "Ouvrir dans un nouvel onglet" est sélectionnée.
Remarque : Votre lien texte se trouvera dans un paragraphe.
Étape 2. Une fois le lien créé, vous devrez modifier le code HTML du lien
– Cliquez une fois sur le lien pour afficher la boîte de paramètres.
- Clique le icône avec les 3 points verticaux (plus d'options)
- Cliquez sur Modifier au format HTML
– Le lien s'affichera au format HTML, illustré ci-dessous…
<p><a rel="noreferrer noopener" href="https://splashmg.ca/" target="_blank">Exemple de lien</a></p>Étape 3. Ajoutez le code suivant au lien. Placez exactement comme indiqué dans l'exemple de code.
- ajouter: classe = "nouveau gain" et <span>Ouvre une nouvelle fenêtre</span>
<a classe="newwin" rel="noreferrer noopener" href="https://splashmg.ca/" target="_blank">Exemple de lien Ouvre une nouvelle fenêtre
Étape 4. Une fois ajouté, cliquez sur le icône avec les 3 points verticaux
- Puis clique Modifier visuellement (revient au texte du lien normal)
- Pendant que votre page est en mode Édition, vous verrez le texte supplémentaire "Ouvre une nouvelle fenêtre" affiché, mais une fois votre page publiée, elle ne s'affichera pas… jusqu'à ce que quelqu'un survole le lien. De plus, une fois publié, une icône de "lien externe" s'affichera.
Exemple de lien Ouvre une nouvelle fenêtre
Abréviations de texte accessibles
Pour garder les choses simples, n'utilisez pas d'abréviations à moins que vous n'y soyez obligé. Si vous devez utiliser des abréviations, il y a un tas de scénarios différents à connaître. Voir deux exemples ci-dessous. Pour des exemples supplémentaires, veuillez visiter https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H28 Ouvre une nouvelle fenêtre
Exemple 1. Fournir le développement ou l'explication d'une abréviation pour la première occurrence de l'abréviation dans une page Web.
« Le Haut-Commissariat des Nations Unies aux droits de l'homme (HCR) a été créé en 1950 pour fournir protection et assistance aux réfugiés.
"La WAI (Web Accessibility Initiative) démontre l'engagement du W3C envers l'accessibilité."
Exemple 2 : Utilisation de l'élément abbr pour développer les abréviations.
– Pour ajouter l'élément abbr à votre texte spécifique, vous devrez modifier son HTML code.
– L'élément abbr nécessite une balise d'ouverture avec le titre approprié et sa balise de fermeture : et
Le sucre est couramment vendu en 5 kg. Sacs.
Bienvenue à la WWW!
Le sucre est couramment vendu en 5 kg. Sacs.
Bienvenue à la WWW !