byuweb / HTML-Templates

Development for BYU responsive theme
http://byuweb.github.io/HTML-Templates/
9 stars 9 forks source link

Test accessibility in WAVE (and make sure it passes) #56

Closed nwalton3 closed 11 years ago

nwalton3 commented 11 years ago

http://wave.webaim.org/

nwalton3 commented 11 years ago

Tested on 7/16 and had just one error: the search field needs a label. I guess we can add one and give it a .visuallyhidden class.

nwalton3 commented 11 years ago

I also noticed the W3C validator gives good feedback on our implementation of the ARIA roles. There are a few issues there.

http://validator.w3.org/check?uri=http%3A%2F%2Fbyuweb.github.io%2Fbyu-responsive-dev%2Fsample1-primaryorg-frontpage.html&charset=%28detect+automatically%29&doctype=Inline&group=0

nwalton3 commented 11 years ago

Fixed the label error. That validates now.

nwalton3 commented 11 years ago

Here's a logo that could be added to advertise our accessibility if that gains us anything. I don't know if it does, though. We could probably leave it out. wcag1aaa

nwalton3 commented 11 years ago

The only errors left in sample 1 are contrast warnings on hidden elements.