diff options
| author | Mark Otto <[email protected]> | 2013-08-27 08:19:51 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-27 08:19:51 -0700 |
| commit | e4a2c35b84b71082d46c21876bd34f39fff1d81d (patch) | |
| tree | 0436e03d47374658e8512d88fee276af2f67ed33 /getting-started.html | |
| parent | 4b68858f906a936cf3b1cee5266010556483bce8 (diff) | |
| download | bootstrap-e4a2c35b84b71082d46c21876bd34f39fff1d81d.tar.xz bootstrap-e4a2c35b84b71082d46c21876bd34f39fff1d81d.zip | |
Fixes #10088: Simpler nested headings section in accessibility docs
* Headings, not headers
* Simplifies content compared to #10088 which adds quite a lot
* Uses proper heading elements (`h1` - `h6`) and not `header`
* Collects links at bottom instead of mid-paragraph
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/getting-started.html b/getting-started.html index 434832f50..f90b18f02 100644 --- a/getting-started.html +++ b/getting-started.html @@ -740,8 +740,9 @@ img { max-width: none; } </body> {% endhighlight %} - <h3>Nested headers</h3> - <p>Another "gotcha" has to do with how you nest your <code><header></code> elements. <a href="http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/">Section 508</a> states that your largest header must be an <code>h1</code>, and the next header must be an <code><h2></code>, etc. This is hard to achieve in practice, but if the largest header on your site is smaller than Bootstrap's default 38px, you should consider modifying your stylesheets before using a smaller header element.</p> + <h3>Nested headings</h3> + <p>When nesting headings (<code><h1></code> - <code><h6></code>), your primary document header should be an <code><h1></code>. Subsequent headings should make logical use of <code><h2></code> - <code><h6></code> such that screen readers can construct a table of contents for your pages.</p> + <p>Learn more at <a href="http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/">HTML CodeSniffer</a> and <a href="http://accessibility.psu.edu/headings">Penn State's AccessAbility</a>.</p> <h3>Additional resources</h3> <ul> |