Merge pull request #10796 from twbs/skip-to-main-content
Use "Skip to main content" phrasing consistently; further #10786 fixes
This commit is contained in:
commit
76e9d393ba
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
2
css.html
2
css.html
|
@ -2361,7 +2361,7 @@ For example, <code><section></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
|
||||
|
|
|
@ -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><body></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><body></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>
|
||||
|
|
Loading…
Reference in New Issue