Super WordPress n00b here, forgive my ignorance. I looked on the forum & codex, but couldn’t find the answer. I hope someone can point me in the right direction.
I am working on a site that targets people with vision impairments. Those users who rely on screenreaders are no problem, I can handle that. Those users who need to increase font size are also easily taken care of. However, for user who need white-on-black instead of black-on-white, I’m not sure how to achieve what I need to do.
What I’ve done in the past is a simple solution. I create an additional CSS file, highcontrast.css. Then I have a button on the page that a user can click, and the highcontrast.css file gets loaded, using the cascading property of CSS, values such as body background-color, p color, etc are over-written to display the site in high contrast.
Of course, the value of this isn’t limited simply to accessibility issues, one could let the user determine which layout they want entirely based on switching css file “on the fly”.
What would be the best approach to make this happen?
- The topic ‘User controlled CSS file?’ is closed to new replies.