Techniques pour gérer l'ouverture d'un nouvel onglet et garantir l'accessibilité du Web avec WCAG 3.2
WCAG 3.2 indique que le contenu doit être fourni dans un format prévisible et que par la suite lorsqu'un nouvel onglet est ouvert sur un clic, l'utilisateur en est informé.
J'ai une page Web avec une liste de nombreux liens qui s'ouvrent dans un nouvel onglet. Le W3C recommande que cela soit indiqué dans le texte du lien ou qu'un indicateur soit fourni en survol/focus. Cependant, en raison de la quantité importante de liens sur le même page qui l'exige, fournir ces options perturberait considérablement la conception/l'interface utilisateur.
Existe-t-il d'autres moyens moins visuellement intrusifs pour atteindre cette conformité sans fournir de message contextuel ou d'avertissement textuel pour chaque lien?
Existe-t-il également d'autres problèmes d'accessibilité liés à l'ouverture de nouvelles fenêtres/onglets?
Vous avez également posté cette question sur stackoverflow.com également. Je répond là-bas avec des détails assez détaillés mais j'inclus la réponse ici aussi pour que les autres trouvent plus facilement la réponse.
La réponse dépend du niveau de conformité que vous essayez d'atteindre. La plupart des entreprises (et la plupart des lois nationales) exigent la conformité AA. En fait, les directives disent que la conformité AAA ne devrait pas être requise.
Note 2: Il n'est pas recommandé que la conformité au niveau AAA soit requise comme politique générale pour des sites entiers car il n'est pas possible de satisfaire à tous les critères de succès du niveau AAA pour certains contenus.
Cependant, cela ne signifie pas que vous ne devriez pas considérer certaines des exigences AAA. Par exemple, avoir un contraste de couleur supérieur à 4,5: 1 ( Contraste 1.4.6 (amélioré) ) ou vous assurer que le texte de votre lien est logique en soi plutôt que de vous fier au contexte qui l'entoure ( 2.4.9 Objectif du lien (lien uniquement) ) sont deux améliorations majeures par rapport à la conformité AA.
En ce qui concerne les liens s'ouvrant dans de nouvelles fenêtres, cela relève de .2.5 Change on Request , qui est une conformité AAA. Ainsi, selon le niveau de conformité que vous essayez d'atteindre, vous pourriez ne pas avoir à vous y conformer.
Si vous n'aviez qu'une poignée de liens dispersés dans votre site qui s'ouvraient dans une nouvelle fenêtre, ce serait bien d'avoir un indicateur visuel qui montre que le lien s'ouvrira dans une nouvelle fenêtre et de transmettre ces mêmes informations aux lecteurs d'écran. (Voir H83: Utiliser l'attribut cible pour ouvrir une nouvelle fenêtre à la demande de l'utilisateur et l'indiquer dans le texte du lien (HTML) à titre d'exemple. Vous pouvez également utiliser une icône à la place du texte, mais assurez-vous que le L'icône possède l'attribut alt ou que vous fournissez un contexte à un lecteur d'écran via aria-label , aria-labelledby , ou texte visuellement masqué ).
Mais si vous le faites et que vous disposez d'une page où la plupart des liens mènent à une nouvelle fenêtre, la page peut sembler encombrée de toutes les informations supplémentaires. C'est là que vous devez faire attention. Si vous décidez d'avoir un commentaire général sur cette page qui dit que tous les liens s'ouvrent dans une nouvelle fenêtre afin que vous n'ayez pas besoin d'une icône à côté de chaque lien, alors vous échouerez WCAG 3.2.4 Identification cohérente , qui est une exigence AA. Autrement dit, vous auriez quelques pages avec des icônes "nouvelle fenêtre" à côté des liens et une autre page sans elle.
Vous devez donc décider si vous souhaitez indiquer qu'un lien s'ouvre dans une nouvelle fenêtre (exigence AAA) ou non. Comme mentionné précédemment, la mise en œuvre de certaines exigences AAA est une bonne chose. Soyez juste cohérent.
S'il s'agit d'un site Web uniquement, qu'en est-il de l'utilisation de deux styles de soulignement différents en survol?
- soulignement unique (normal) pour les liens qui s'ouvrent dans la même fenêtre
- souligne deux fois les liens qui s'ouvrent dans une nouvelle fenêtre
Ou en utilisant l'un des astucieux états de vol stationnaire de http://ianlunn.github.io/Hover/ . Les bulles sont intéressantes
Donc, pour préciser votre demande, ce serait quelque chose comme Wikipédia à la fin des articles? (Exemple: https://en.wikipedia.org/wiki/Supply-side_platform )
Si oui, je pense que le montrer ne dérangera pas beaucoup. Ou peut-être implémenter quelque chose comme des ancres de référence pour afficher une "liste" de ces liens à la fin de vos articles?
Si vous souhaitez ouvrir de nouveaux onglets, veillez à NE PAS concentrer le navigateur Web de l'utilisateur sur ces nouveaux onglets. Ou bien 1) ils perdront l'accent sur votre site Web principal (ce qui n'est pas bon) 2) cela peut créer de la frustration car ils ne contrôlent pas à 100% ce qui se passe.