Skip to content
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

enh(aria): changed check color to adhere to 3:1 ratio #4958

Merged
merged 1 commit into from Dec 15, 2023

Conversation

emoral435
Copy link
Contributor

☑️ Resolves nextcloud/server#41861

🖼️ Screenshots

🏚️ Before 🏡 After
image image

🚧 Summary

Changes the check color depending on the background color chosen to either be white or black to achieve the 3:1 contrast ratio for ARIA - radio input button still has white border, so up to reviewers to decide if that should change

🏁 Checklist

  • ⛑️ Tests are included or are not applicable (N/A)
  • 📘 Component documentation has been extended, updated or is not applicable (N/A)

@emoral435 emoral435 self-assigned this Dec 13, 2023
@emoral435 emoral435 added 3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities labels Dec 13, 2023
@emoral435
Copy link
Contributor Author

For context - the choice between black and white was a heuristic, and I checked, all the buttons pass the 3:1 ratio, if not higher!

@susnux
Copy link
Contributor

susnux commented Dec 14, 2023

Nice! But please fix the linting issues.

@emoral435 emoral435 force-pushed the enh/make-contrast-clear-ARIA-CHANGE branch from 150a38b to be16c8a Compare December 14, 2023 20:39
@emoral435
Copy link
Contributor Author

Fixed linting error : )

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
@emoral435 emoral435 force-pushed the enh/make-contrast-clear-ARIA-CHANGE branch from be16c8a to 938b6a2 Compare December 15, 2023 00:27
@emoral435 emoral435 merged commit 3288f79 into master Dec 15, 2023
15 checks passed
@emoral435 emoral435 deleted the enh/make-contrast-clear-ARIA-CHANGE branch December 15, 2023 00:53
@ShGKme ShGKme added bug Something isn't working feature: colorpicker Related to the colorpicker component labels Dec 22, 2023
@ShGKme ShGKme added this to the 8.4.0 milestone Dec 22, 2023
@ShGKme
Copy link
Contributor

ShGKme commented Dec 22, 2023

Remember to add enhancement label for new features and bug for fixing bugs, including accessibility or adjustments 😀

@ShGKme ShGKme mentioned this pull request Dec 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working feature: colorpicker Related to the colorpicker component
Projects
None yet
4 participants