Button Basic
Back to simple components
Buttons must be checked to see if they indicate focus, and if the text can stand on its own via screen reader.
WHEN I am navigating using a keyboard.
AND I tab on a button.
THEN I see a visual indicator.
AND The focus indicator passes WCAG rule.
WHEN I am navigating using a keyboard.
AND I tab on a button.
AND I am using a screen reader
THEN The screen reader reads out text,
AND Text can stand on its own.
AND I tab on a button.
THEN I see a visual indicator.
AND The focus indicator passes WCAG rule.
WHEN I am navigating using a keyboard.
AND I tab on a button.
AND I am using a screen reader
THEN The screen reader reads out text,
AND Text can stand on its own.
Related Acceptance Criteria
More Information
Buttons MUST meet the following:
- Have discernible text [ WCAG 4.1.2 ].
- Be unique and be able to stand on its own [ WCAG 2.4.4 ].
- Provide an visual indication they hae focus when in focus [ WCAG 2.4.7 ].
- Be able to be reached and activated using a keyboard [ WCAG 2.1.1 ].
Buttons also SHOULD meet the following:
- Not be used when a link would better serve.