sfbrigade / sfbrigade.github.io.2017-11-05

[DEPRECATED] The Code for San Francisco website.
38 stars 76 forks source link

Fix accessibility #23

Closed lamarjordanux closed 10 years ago

lamarjordanux commented 10 years ago

Put in a few fixes to address 2 issues with video and added skiplink code and css.

ondrae commented 10 years ago

It looks great @lamarjordanux

Whats does the .skiplink do?

lamarjordanux commented 10 years ago

Thanks! A skip link allows keyboard users (sighted and blind) to quickly jump to the main content of the page. Otherwise, they would have to tab or arrow through the navigation on each page. it is a section 508 requirement. This way this link remains invisible unless you tab into the page, so it won't affect the look and feel of the website. I can see it's there when I tab into the page, but for it to work the change I made to the main container div should also be on the page: I added a tabindex and id to the container: