[WG: Accessibility] Discovery: materials module and gradebook exhibit same simptoms in Jaws - caused by one extra "}" in CSS

[Rich Caloggero]

https://learning-modules.mit.edu/materials/index.html?uuid=/project/usability-test

I’ve narrowed it down, at least in the materials app, to one line of CSS.  The two simptoms common between this and GB are:
- very long landmark name for section element with class “lmod-main”;
- entire page is wrapped in a region with landmark “document”;

See below for an explanation. I think this is an CSS error, but seems very strange that it wasn’t caught somehow.   I suspect there is no visual change when extra line is removed.


https://learning-modules.mit.edu/materials/index.html?uuid=/project/usability-test

Download entire page and supporting files to local machine:
- control+s in firefox, then choose "webpage complete" under filetype
- type materials.html in the name box
- press save

Now goto the directory where you just downloaded the file and goto "materials_files". 

In this folder edit the app.css file.

On line 4497 of this file there is what appears to be an extra right brace (}) character.  From what I know, CSS only allows one level of braces.  If I remove this brace (or comments it out as:

/*}*/

then all the weird landmarks and such go away in Jaws.

Seems this CSS is autogenerated and is part of the Zurb Foundation 3.2 project (framework for generating responsive pages).

Questions:
- is this CSS also used in gradebook? suspect yes since simptoms are similar.
- does this have anything to do with invisible grades and table weirdness in gradebook?




-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://collab.sakaiproject.org/pipermail/accessibility/attachments/20140306/c425f1ef/attachment.html