Footer
Content fixed at the bottom of a page to provide important information or links.
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 logos have accessible text using an
. Add the label to the svg for custom logos. - Use a class of
or to make sure logos always have sufficient contrast against the background in Windows high contrast mode.
Keyboard controls
| Key | Behavior |
|---|---|
| Enter | Activates link. |
VGAR (internal only)
Find links to the Visa Global Accessibility Requirements (VGAR) for this component.- Paragraph Markup for Text (TXT-2-2)
- Group Items with Lists (TXT-2-3)
- Links vs. Buttons (INT-5-1)
- Link Text In and Out of Context (INT-5-2)
- Valid Link href Attribute (INT-5-3)
- Links Opening in New Tabs (INT-5-4)
- Keyboard Support (NAV-1-1)
- Appropriate Use of Landmark Regions (NAV-3-1)
- Consistent or Unique Link Text (NAV-4-3)
- Text Alternatives (VIS-3-1)