One of the requirements of section 508 is that pages can be read without style sheets:
§ 1194.22 (d) Documents must be organized in such a way that they are readable without the need for an appropriate style sheet.
We are currently facing a problem when Google Maps does not work without styles (see image). All different parts of the card are simply printed out without meaning. I have added a sample image below.
Is there an easy way to handle this? The only thing I can think of is to use JavaScript for testing to check if CSS is disabled (which is terrible, what I know, know), and then remove the div div and replace it with a static map that shows the same content. (If JavaScript is disabled too, this is a moot point, since the map does not even load.) Obviously, a static map does not include all the same functions (zooming, panning, etc.), but it provides a readable page. So:
- Is there any other way to turn off Google Maps 508 regarding styles?
- If not, how could testing be done to disable CSS to perform the above fix?
An example of a card without styles:
source
share