Skip to content
This repository has been archived by the owner on May 2, 2024. It is now read-only.

Add global focus style on all primary buttons (see Get Started button on home page) #760

Open
johnrozan opened this issue Dec 9, 2021 · 0 comments

Comments

@johnrozan
Copy link

Feature Request
As a peoplemover user with a disability
I would like all focus states for primary buttons to be visually clearer
so that I know when I am focused on a particular button

Acceptance Criteria
Save button in Add New Space modal
Create button in Create New Space modal
Assign button in Assign a person modal
Save button in Edit person modal
Add button in Add New Person modal
Invite button in Invite others to edit modal
Save button in Edit Product modal
Add button in Add Product modal

Add a global style for primary buttons to inherit from.

Make it look like Get Started button on landing page.

Accessibility Criteria
Text and background color meets a minimum color contrast ratio of 4.5:1
All non-text content (e.g. images, icon) has alt text
Web page includes appropriate headings to communicate structure/hierarchy (h1>h2>h3)
All functionality is available to a keyboard
Focus styles are highly visible
Tab order is logical and aligns with the visual order
Voice over is understandable and logical
Aria labels are added to elements with no visible text
Decorative elements (e.g. non-informative icons) are hidden from screen readers
Form fields have appropriately coded labels that are visible during input
Links are visually identifiable and have a clear focus and active state
Notes

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant