Secondly I am seeking some code/app in jQuery; I don’t really understand that well, so when visitors have visual impairments they can select a stylesheet by just clicking a image icon depicting the colour change. Where is the best place to seek such coding/app?
Thirdly, would I be right in assuming the additional stylesheets only list the items that will be changed and not everything that’s in the main stylesheet?
The plan is to just change the colours for background and text, much like the BBC website has.
You can define alternate stylesheets in the HTML - then when people using a browser that supports alternate stylesheets they can select the one they want from their browser menu.
Many thanks to everyone who replied. The suggestions offered have given me something to play with and think about.
One thing I have learnt is that designing for accessibility is somewhat a nightmare, certainly not an easy task. One would have thought by now that modern browsers would have some form of filters that could be applied to change colours for visually impaired users?
Whilst I don’t have the technical skills I do know any photo can be quickly visually changed by applying filter/s, so why not apply the same technology to a webpage?
One final question: your script I understand that we change the word (title) with it’s respective stylesheet name yet I have three additional stylesheets, so what lines within your code does not need to be repeated as I am assuming I don’t have to repeat all the code for each stylesheet?
Many thanks for your patience and time helping me out, very much appreciated,