Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/docs/user-experience/colors.md

16 lines
1.0 KiB
Markdown
Raw Normal View History

add graymatter to docs
2023-11-29 18:48:05 +00:00
---
replace colons in docs titles
2023-11-29 19:26:22 +00:00
post_title: User experience guidelines - colors
add graymatter to docs
2023-11-29 18:48:05 +00:00
---
Create user-experience-guidelines.md (#39894) * Create user-experience-guidelines.md * Beefing up user-experience guidlines adding media folder, and 6 new docs to create the user experience folder in our docs repo. * UX guidelines to pass linting * Update task-list-and-inbox.md * Update task-list-and-inbox.md * moving images to developer.woo.com
2023-10-23 20:59:56 +00:00
## Colors
When creating extensions for the WordPress wp-admin, use the core colors, respect the user’s WordPress admin color scheme selection, and ensure your designs pass AA level guidelines.
remove google url redirects from urls
2023-11-06 12:08:29 +00:00
When using components with text, such as buttons, cards, or navigation, the background-to-text contrast ratio should be at least 4.5:1 to be [WCAG AA compliant](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html). Be sure to [test your color contrast ratios](https://webaim.org/resources/contrastchecker/) to abide by WCAG standards.
Create user-experience-guidelines.md (#39894) * Create user-experience-guidelines.md * Beefing up user-experience guidlines adding media folder, and 6 new docs to create the user experience folder in our docs repo. * UX guidelines to pass linting * Update task-list-and-inbox.md * Update task-list-and-inbox.md * moving images to developer.woo.com
2023-10-23 20:59:56 +00:00
remove google url redirects from urls
2023-11-06 12:08:29 +00:00
- [Accessibility handbook on uses of color and contrast](https://make.wordpress.org/accessibility/handbook/current-projects/use-of-color/)
- [Color contrast ratio checker](http://webaim.org/resources/contrastchecker/)
- [More resources regarding accessibility and color testing](http://webaim.org/resources/contrastchecker/)
Create user-experience-guidelines.md (#39894) * Create user-experience-guidelines.md * Beefing up user-experience guidlines adding media folder, and 6 new docs to create the user experience folder in our docs repo. * UX guidelines to pass linting * Update task-list-and-inbox.md * Update task-list-and-inbox.md * moving images to developer.woo.com
2023-10-23 20:59:56 +00:00
update references to woocommerce.com to now reference woo.com
2023-11-06 11:45:26 +00:00
For WooCommerce-specific color use, review our [Style Guide](https://woo.com/brand-and-logo-guidelines/).