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

15 lines
1.0 KiB
Markdown
Raw Normal View History

add graymatter to docs
2023-11-29 18:48:05 +00:00
---
Adding menu_title to user-experience docs (#43429) * adding menu titles to docs * Update payments-design-guidelines.md * Update task-list-and-inbox.md * More adjustments * Update onboarding.md
2024-01-09 17:54:13 +00:00
post_title: User Experience Guidelines - Colors
menu_title: 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
replace forward tick with ' in docs folder (#42799) * replace forward tick with ' in docs folder * replace encoded bcktick with single quote in docs folder --------- Co-authored-by: Ron Rennick <ronald.rennick@automattic.com>
2024-01-02 20:59:26 +00:00
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.
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
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/).