Skip Link
Lien de passage
Un lien d'évitement aide les utilisateurs de clavier à passer les menus répétés. Il déplace le focus vers le contenu principal ou une autre zone importante.
Un vrai exemple
Quelqu'un qui utilise le clavier appuie sur Tab une fois et voit « Passer aux articles », ce qui lui évite de traverser quarante liens de navigation.
Parties principales
- 01Current location
- 02Destination labels
- 03Focus order
- 04Responsive behavior
Utilisez-le lorsque
Utilisez-le lorsque des navigations répétées apparaissent avant la tâche principale de la page.
Ne l'utilisez pas lorsque
garder focalisable. Cibler un endroit focalisable, et déplacer le focus du clavier avec la vue.
Nom utilisé dans le code
<a href=#main> + focus-visible Avant d'expédier
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Lien de passage (Skip Link). User context: Quelqu'un qui utilise le clavier appuie sur Tab une fois et voit « Passer aux articles », ce qui lui évite de traverser quarante liens de navigation. Recommended pattern: Lien de passage (Skip Link). Why it fits: Utilisez-le lorsque des navigations répétées apparaissent avant la tâche principale de la page. Do not use it when: garder focalisable. Cibler un endroit focalisable, et déplacer le focus du clavier avec la vue. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Lien de passage (Skip Link) is used now. Definition: Un lien d'évitement aide les utilisateurs de clavier à passer les menus répétés. Il déplace le focus vers le contenu principal ou une autre zone importante. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.