-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weβll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Change Button Color Contrast to Meet Accessibility Requirement #37
base: main
Are you sure you want to change the base?
Conversation
Visit the preview URL for this PR (updated for commit 18d6cbf): https://tcl-63-smart-shopping-list--pr37-btn-color-contrast-9w9f97ef.web.app (expires Sun, 15 Oct 2023 21:04:47 GMT) π₯ via Firebase Hosting GitHub Action π Sign: 33cd697c9ae2cd133e732431f4d096ea24d56582 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good!
Description
All buttons currently have a light blue background which doesn't pass Lighthouse's accessibility requirement.
Related Issue
Accessibility
Acceptance Criteria
Type of Changes
Updates
Before
After
Testing Steps / QA Criteria
To pull our branch locally, run
git pull origin btn-color-contrast
Next, run
git checkout btn-color-contrast
Launch the app with
npm start
Install
Lighthouse
Chrome extension if you don't have it alreadyGo to the
Add Item
page, or any page with the button. Open the console on the browser, go toLighthouse
tab and Generate a Lighthouse report on the "Accessibility" category, expect to see a rating of 100.