Anchor link menu
Link menus that navigate to sections within the current page.
Creating access for everyone, everywhere requires attention to accessibility attributes, best practices, and requirements. Find accessibility guidance below.
Note: Components in each code library are implemented differently (especially Flutter). Many of the behaviors and attributes described are already handled for you as part of our components. Product teams are responsible for ensuring their apps meet all current requirements. Some of the information below may not apply to your implementation.
Best practices
Ensure the following best practices are met when implementing this component during development.
- Ensure all links have unique labels and destinations.
- Use
on the current link. - Customize the list elements to fit your site’s navigation and hierarchy. Provide an
for the landmark to help users navigate to this section and see it listed in a page summary.
Keyboard controls
| Key | Behavior |
|---|---|
| Enter | Navigates to the destination of the link in focus. |
| Tab | Navigates between links. |