I was told by a customer who has red-green deficiency that the enabled/disabled icons in the admin don't have sufficient contrast. I'll post a set of new images soon.
I was told by a customer who has red-green deficiency that the enabled/disabled icons in the admin don't have sufficient contrast. I'll post a set of new images soon.
That Software Guy. My Store: Zen Cart Modifications
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
Hmm... thought there were images but they're just color codes in the stylesheet.
That Software Guy. My Store: Zen Cart Modifications
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
I'll post the changes once we have agreement.
That Software Guy. My Store: Zen Cart Modifications
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
I'll suggest using an FA-icon (like fa-ban for disabled and fa-check for enabled) underneath that coloring to give a better 'hint' as to the button's functionality/display.,
Dave
Always forward thinking... Lost my mind!
That Software Guy. My Store: Zen Cart Modifications
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
Great thoughts from Cindy.
Just want to say that, with the current emphasis on accessibility, the option to colorize should always be available. Doesn't need to be it's own div ID but, some distinctive method of colorization should be available to the user through CSS.
Also, accessibility has different standards for text and, say, a check mark.
The first (#E31C3D) passes all but AAA standard for normal text. #EC697F is all that is needed for a graphical object. #AC152F meets all AAA requirements for graphics and text on a #FFFFFF background..txt-status-off{color: #e31c3d;}
.txt-status-on{ color: #32cd32; }
Unfortunately, #32CD32 fails all checks. #29A829 is the minimum for a graphic and #196719 would be needed on a #FFFFFF background to meet AAA standard.
Good tool at https://webaim.org/resources/contrastchecker/ for checking text or graphic compliance.
If you are working with text that's a link, https://webaim.org/resources/linkcontrastchecker/ is a great help.
Are You Vulnerable for an Accessibility Lawsuit?
myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
Free SSL, Domain, and MagicThumb with semi-annual and longer hosting.
Bookmarks