]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Fix copy/pasta'd id on accessibility skiplink callout 15861/head
authorPatrick H. Lauke <redux@splintered.co.uk>
Sat, 21 Feb 2015 15:02:40 +0000 (15:02 +0000)
committerPatrick H. Lauke <redux@splintered.co.uk>
Sat, 21 Feb 2015 15:02:40 +0000 (15:02 +0000)
docs/_includes/getting-started/accessibility.html

index df7206961e9bb02658a24a70a125215ae0d9606c..927898e8dcc4b37211fb0c8407f2d58f37d05aaa 100644 (file)
@@ -4,7 +4,7 @@
 
   <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 main content</code> link before the navigation (for a simple explanation, see this <a href="http://a11yproject.com/posts/skip-nav-links/">A11Y Project article on skip navigation links</a>). Using the <code>.sr-only</code> class will visually hide the skip link, and the <code>.sr-only-focusable</code> class will ensure that the link becomes visible once focused (for sighted keyboard users).</p>
-  <div class="bs-callout bs-callout-danger" id="callout-tables-striped-ie8">
+  <div class="bs-callout bs-callout-danger" id="callout-skiplinks">
     <p>Due to long-standing shortcomings/bugs in Chrome (see <a href="https://code.google.com/p/chromium/issues/detail?id=262171" title="Chromium bug tracker - Issue 262171: Focus should cycle from named anchor">issue 262171 in the Chromium bug tracker</a>) and Internet Explorer (see this article on <a href="http://accessibleculture.org/articles/2010/05/in-page-links/">in-page links and focus order</a>), you will need to make sure that the target of your skip link is at least programmatically focusable by adding <code>tabindex="-1"</code>.</p>
     <p>In addition, you may want to explicitly suppress a visible focus indication on the target (particularly as Chrome currently also sets focus on elements with <code>tabindex="-1"</code> when they are clicked with the mouse) with <code>#content:focus { outline: none; }</code>.</p>
     <p>Note that this bug will also affect any other in-page links your site may be using, rendering them useless for keyboard users. You may consider adding a similar stop-gap fix to all other named anchors / fragment identifiers that act as link targets.</p>