Skip link has an unclear accessible name
| Field | Value |
|---|---|
| Rule code | Html_SkipLink_WeakName |
| WCAG conformance level | A |
| WCAG success criterion | 2.4.1 Bypass Blocks |
| Must be fixed at source | No |
Description
We found a skip link with unclear text. Review the skip link text and enhance it to clarify the target destination and purpose. Skip links are used to allow users to bypass verbose or repeated sections of a page. The link text (accessible name) of a skip link needs to be concise and clear about where it will skip to.
How to fix
Skip links are a vital accessibility feature that allows users to skip over repetitive or verbose sections of a web page. However, for a skip link to be effective, its accessible name (link text) must be concise and clear about its target destination and purpose.
We detected a skip link with unclear text. To resolve this issue, review and enhance the skip link text to make sure it clearly indicates where the link will take the user.
Example:
Instead of using vague or generic terms like "Skip" or "Go to," be more specific.
<!-- Good example -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Bad example -->
<a href="#main-content" class="skip-link">Skip</a>