Switch

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.

Note: The switch component is implemented using a checkbox with role="switch". Screen readers announce it as “on” and “off” instead of “checked” and “unchecked”. The keyboard behavior and best practices are the same as for the Checkbox component.

VGAR (internal only)

Find links to the Visa Global Accessibility Requirements (VGAR) for this component.