From: Mark Otto <otto@github.com>
Date: Tue, 27 Aug 2013 15:19:51 +0000 (-0700)
Subject: Fixes #10088: Simpler nested headings section in accessibility docs
X-Git-Tag: v3.0.1~115
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e4a2c35b84b71082d46c21876bd34f39fff1d81d;p=thirdparty%2Fbootstrap.git

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
---

diff --git a/getting-started.html b/getting-started.html
index 434832f500..f90b18f02e 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>&lt;header&gt;</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>&lt;h2&gt;</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>&lt;h1&gt;</code> - <code>&lt;h6&gt;</code>), your primary document header should be an <code>&lt;h1&gt;</code>. Subsequent headings should make logical use of <code>&lt;h2&gt;</code> - <code>&lt;h6&gt;</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>