Zen Cart Accessibility Stylesheet Loader

Love your color scheme, but worried that it doesn't pass accessibility tests? This plugin can help! Just build the CSS that's required to make your color scheme pass, and allow people to load it from your accessibility page.

Donate: This is free software. Show your appreciation by supporting my efforts.

Relevance: Zen Cart™ All versions, along with the Accessibility Page.

Current Version: 1.0

Support Thread: Accessibility Stylesheet Loader Support Thread

Cost: Free, but donation appreciated.

Installation Instructions: See README.txt in plugin

Download: Accessibility Stylesheet Loader on Zen Cart Plugins

Example

I have a client whose corporate colors are red and yellow. They wanted to use these colors extensively in their template.


Unfortunately, this color combination will fail an accessibility test!



But optionally loading an accessible stylesheet for those who need it will cause the test to pass.


Here's what the file accessibility_stylesheet.css looked like for this customer. I had to get rid of the yellow background and change the red nav bars to black. PLEASE DO YOUR OWN TESTING; don't just copy what I did; you may need more or different changes.

body, .leftBoxCard, .rightBoxCard, .card, .categoryListBoxContents.card, .categoryListBoxContents.card, .leftBoxCard .list-group-item, #headerWrapper {
   background-color: #FFFFFF !important;
}

#navbarSupportedContent, #ezpagesBarHeader, #ezpagesBarFooter, .leftBoxHeading, .rightBoxHeading, #navMain > nav {
   background-color: #000 !important;
}

#addToCart-card-header, .btn.button_in_cart {
   background-color: #000 !important;
}

---