Accessibility docs page

[ajb]

I think we should add a page into the documentation that talks about common pitfalls when building a bootstrap-styled accessible site:

• [x] Header nesting
  • Maybe it's me, but Bootstrap's typography section has always encouraged me to use the right h* depending on what font size I want. For proper accessibility, the largest header on the screen should always be a h1, the second largest a h2, and so forth. What are the best practices for styling these? (I've always been told that you shouldn't use stylesheets to conditionally style header elements based on their placement within your app, but well... seems like that was wrong.)
• [x] Skip navigation
  • see #5. advise users on how to use this properly, and why.
• [x] Navbar navigation
  • need to add a role="navigation" to navbars

[dannychapman]

I like this idea. We should also provide some concrete examples with basic page elements. One element that isn't covered explicitly in any of the examples are tables. An example showing how to use thead and th elements, as well as scope row and col would be great.

[ajb]

Woah, thead used to be in the docs. Not sure it's totally needed, since it's in the source at least.

[ajb]

closing this, but you're more than welcome to add more.