Use "Skip to main content" phrasing consistently; further #10786 fixes

af4d1027 · Chris Rebert · 63206a17 · af4d1027 · af4d1027 · af4d1027
Commit af4d1027 authored 11 years ago by Chris Rebert
Hide whitespace changes
Inline Side-by-side

Showing

with 4 additions and 4 deletions
+4 -4
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,7 +5,7 @@
    {% include header.html %}
  </head>
  <body>
-    <a class="sr-only" href="#content">Skip navigation</a>
+    <a class="sr-only" href="#content">Skip to main content</a>

    <!-- Docs master nav -->
    {% include nav-main.html %}

--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -5,7 +5,7 @@
    {% include header.html %}
  </head>
  <body class="bs-docs-home">
-    <a class="sr-only" href="#content">Skip navigation</a>
+    <a class="sr-only" href="#content">Skip to main content</a>

    <!-- Docs master nav -->
    {% include nav-main.html %}

--- a/css.html
+++ b/css.html
@@ -2361,7 +2361,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
    <h3 id="helper-classes-screen-readers">Screen reader content</h3>
    <p>Hide an element to all devices <strong>except screen readers</strong> with <code>.sr-only</code>. Necessary for following <a href="{{ page.base_url }}getting-started#accessibility">accessibility best practices</a>. Can also be used as a mixin.</p>
 {% highlight html %}
-<a class="sr-only" href="#content">Skip to content</a>
+<a class="sr-only" href="#content">Skip to main content</a>
 {% endhighlight %}
 {% highlight css %}
 // Usage as a Mixin

--- a/getting-started.html
+++ b/getting-started.html
@@ -865,7 +865,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    <p class="lead">Bootstrap follows common web standards, and with minimal extra effort, can be used to create sites that are accessibile to those using <abbr title="Assistive Technology" class="initialism">AT</abbr>.</p>

    <h3>Skip navigation</h3>
-    <p>If your navigation contains many links and comes before the main content in the DOM, add a <code>Skip to content</code> link immediately after your opening <code>&lt;body&gt;</code> tag. <a href="http://a11yproject.com/posts/skip-nav-links/">(read why)</a></p>
+    <p>If your navigation contains many links and comes before the main content in the DOM, add a <code>Skip to main content</code> link immediately after your opening <code>&lt;body&gt;</code> tag. <a href="http://a11yproject.com/posts/skip-nav-links/">(read why)</a></p>
 {% highlight html %}
 <body>
  <a href="#content" class="sr-only">Skip to main content</a>