From f837a3f7754ccdc3045725c133cbec526ba60360 Mon Sep 17 00:00:00 2001 From: TJ Date: Thu, 4 Dec 2014 19:00:31 -0500 Subject: Remove "Separated link" in example where it's not Removed "Separated link" in example where it's not separated. This may confuse people to think that it is separated. I don't want to sound nitpick, but I've been working with a client maintaining a custom internal Bootstrap installation with customized docs, so I've been getting a lot of feedback from client developers using the docs. --- docs/_includes/components/dropdowns.html | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/components/dropdowns.html b/docs/_includes/components/dropdowns.html index e1dfc19f6..beade58cb 100644 --- a/docs/_includes/components/dropdowns.html +++ b/docs/_includes/components/dropdowns.html @@ -15,7 +15,6 @@
  • Action
  • Another action
  • Something else here
    • -
  • Separated link
    • -- cgit v1.2.3 From 3f512c927bdee5e601a49ecd60e5fb78edfd7794 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Tue, 28 Oct 2014 23:50:22 +0200 Subject: Add AnchorJS for docs anchors. --- docs/_includes/header.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/header.html b/docs/_includes/header.html index bf536fc4d..06c4ab02f 100644 --- a/docs/_includes/header.html +++ b/docs/_includes/header.html @@ -32,8 +32,9 @@ {% if site.github %} {% else %} - + + {% endif %} -- cgit v1.2.3 From a6f3bdb71f65e92e1ed4fe140683e49f99526442 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Thu, 20 Nov 2014 10:09:47 +0200 Subject: Move inline CSS to docs.css. --- docs/_includes/components/breadcrumbs.html | 2 +- docs/_includes/components/navs.html | 2 +- docs/_includes/css/buttons.html | 2 +- docs/_includes/js/affix.html | 10 +++++----- docs/_includes/js/alerts.html | 2 +- docs/_includes/js/carousel.html | 10 +++++----- docs/_includes/js/collapse.html | 10 +++++----- docs/_includes/js/dropdowns.html | 2 +- docs/_includes/js/modal.html | 14 +++++++------- docs/_includes/js/popovers.html | 14 +++++++------- docs/_includes/js/scrollspy.html | 10 +++++----- docs/_includes/js/tabs.html | 2 +- docs/_includes/js/tooltips.html | 10 +++++----- 13 files changed, 45 insertions(+), 45 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/components/breadcrumbs.html b/docs/_includes/components/breadcrumbs.html index 04d2f1468..39c6c14b6 100644 --- a/docs/_includes/components/breadcrumbs.html +++ b/docs/_includes/components/breadcrumbs.html @@ -11,7 +11,7 @@
  • Home
  • Library
    • -
      +
      1. Home
      2. Library
      3. Data
        4. diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html index 4a0a4b6c3..2e41e57cf 100644 --- a/docs/_includes/components/navs.html +++ b/docs/_includes/components/navs.html @@ -49,7 +49,7 @@ {% endhighlight %}

        Pills are also vertically stackable. Just add .nav-stacked.

        -
          +
          • Profile
          • Messages
            • diff --git a/docs/_includes/css/buttons.html b/docs/_includes/css/buttons.html index 78cd56487..66bb3d9e6 100644 --- a/docs/_includes/css/buttons.html +++ b/docs/_includes/css/buttons.html @@ -112,7 +112,7 @@

            Create block level buttons—those that span the full width of a parent— by adding .btn-block.

            -
            +
            diff --git a/docs/_includes/js/affix.html b/docs/_includes/js/affix.html index 3cb846ea9..86b9a98e8 100644 --- a/docs/_includes/js/affix.html +++ b/docs/_includes/js/affix.html @@ -46,12 +46,12 @@ $('#myAffix').affix({

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

            - +
            - - - + + + @@ -80,7 +80,7 @@ $('#myAffix').affix({
            NametypedefaultNametypedefault description
            - + diff --git a/docs/_includes/js/alerts.html b/docs/_includes/js/alerts.html index 399cd732f..7f3bf99c2 100644 --- a/docs/_includes/js/alerts.html +++ b/docs/_includes/js/alerts.html @@ -49,7 +49,7 @@
            Event TypeEvent Type Description
            - + diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html index bf2fbecec..e50708ae1 100644 --- a/docs/_includes/js/carousel.html +++ b/docs/_includes/js/carousel.html @@ -155,12 +155,12 @@ $('.carousel').carousel()

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -230,7 +230,7 @@ $('.carousel').carousel({
            NametypedefaultNametypedefault description
            - + diff --git a/docs/_includes/js/collapse.html b/docs/_includes/js/collapse.html index ca84ac857..85b56d94a 100644 --- a/docs/_includes/js/collapse.html +++ b/docs/_includes/js/collapse.html @@ -192,12 +192,12 @@ $('.collapse').collapse()

            Options

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -243,7 +243,7 @@ $('#myCollapsible').collapse({
            NametypedefaultNametypedefault description
            - + diff --git a/docs/_includes/js/dropdowns.html b/docs/_includes/js/dropdowns.html index 683453096..d00c4da38 100644 --- a/docs/_includes/js/dropdowns.html +++ b/docs/_includes/js/dropdowns.html @@ -169,7 +169,7 @@ $('.dropdown-toggle').dropdown()
            Event TypeEvent Type Description
            - + diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html index f5861f4a5..6fae87cff 100644 --- a/docs/_includes/js/modal.html +++ b/docs/_includes/js/modal.html @@ -108,7 +108,7 @@ -
            +
            @@ -220,7 +220,7 @@

            Have a bunch of buttons that all trigger the same modal, just with slightly different contents? Use event.relatedTarget and HTML data-* attributes (possibly via jQuery) to vary the contents of the modal depending on which button was clicked. See the Modal Events docs for details on relatedTarget,

            -
            +
            @@ -314,12 +314,12 @@ $('#exampleModal').on('show.bs.modal', function (event) {

            Options

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -386,7 +386,7 @@ $('#myModal').modal({
            NametypedefaultNametypedefault description
            - + diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 7e96464d6..21a2efc1d 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -76,7 +76,7 @@ $(function () {

            Live demo

            -
            +
            {% highlight html %} @@ -125,7 +125,7 @@ sagittis lacus vel augue laoreet rutrum faucibus.">

            Specific markup required for dismiss-on-next-click

            For proper cross-browser and cross-platform behavior, you must use the <a> tag, not the <button> tag, and you also must include a tabindex attribute.

            -
            +
            Dismissible popover
            {% highlight html %} @@ -140,12 +140,12 @@ sagittis lacus vel augue laoreet rutrum faucibus.">

            Options

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -272,7 +272,7 @@ sagittis lacus vel augue laoreet rutrum faucibus.">
            NameTypeDefaultNameTypeDefault Description
            - + diff --git a/docs/_includes/js/scrollspy.html b/docs/_includes/js/scrollspy.html index 602373172..84370a7bf 100644 --- a/docs/_includes/js/scrollspy.html +++ b/docs/_includes/js/scrollspy.html @@ -106,12 +106,12 @@ $('[data-spy="scroll"]').each(function () {

            Options

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -131,7 +131,7 @@ $('[data-spy="scroll"]').each(function () {
            NametypedefaultNametypedefault description
            - + diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html index ffb20345d..8622440fc 100644 --- a/docs/_includes/js/tabs.html +++ b/docs/_includes/js/tabs.html @@ -131,7 +131,7 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
            Event TypeEvent Type Description
            - + diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index 90fa37208..c4db01978 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -110,12 +110,12 @@ $('#example').tooltip(options)

            Options

            Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

            -
            Event TypeEvent Type Description
            +
            - - - + + + @@ -233,7 +233,7 @@ $('#example').tooltip(options)
            NameTypeDefaultNameTypeDefault Description
            - + -- cgit v1.2.3 From 6e782ed42d90a54e8d548cee66be3627b0a1d077 Mon Sep 17 00:00:00 2001 From: Nikita Rushmanov Date: Fri, 23 Jan 2015 03:16:07 -0800 Subject: Add a warning in images.html about text-align People normally center images using text-align. However, the `.img-responsive` class changes the display type to block. As a result you can no longer align the image with text-align. You must instead do it with margin: auto. There was no note about this on the web page, and no mention about setting the display to block. Users were left on a frustrating journey to figure out why they can't center images anymore! --- docs/_includes/css/images.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/images.html b/docs/_includes/css/images.html index 73516afba..9ce88698e 100644 --- a/docs/_includes/css/images.html +++ b/docs/_includes/css/images.html @@ -2,7 +2,11 @@

            Images

            Responsive images

            -

            Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

            +

            Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.

            +
            +

            Center aligning images

            +

            Since .img-responsive changes the display type to display: block;, you can no longer align the image using text-align or any of the alignment classes. Instead, use .center-block on the image element itself.

            +

            SVG images and IE 8-10

            In Internet Explorer 8-10, SVG images with .img-responsive are disproportionately sized. To fix this, add width: 100% \9; where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.

            -- cgit v1.2.3 From dc50153c933d1edbb28064ca13815ad7a6e15516 Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Fri, 23 Jan 2015 21:48:33 -0500 Subject: =?UTF-8?q?Fix=20issue=20#15597=20=E2=80=94=20Mention=20dropup=20v?= =?UTF-8?q?ariation=20in=20dropdown=20docs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix issue #15597 — Mention dropup variation in dropdown docs Other pull request was so messed up I sincerely have no clue how to save it. The recommended command doesn't work, can't believe rebasing is so problematic... --- docs/_includes/components/dropdowns.html | 44 +++++++++++++++++++++++++++----- 1 file changed, 38 insertions(+), 6 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/components/dropdowns.html b/docs/_includes/components/dropdowns.html index 601b13d6a..f2ddfb28b 100644 --- a/docs/_includes/components/dropdowns.html +++ b/docs/_includes/components/dropdowns.html @@ -31,6 +31,38 @@
          • Separated link
            • +{% endhighlight %} + +

            Dropup Variation

            +

            Trigger dropdown menus above elements by adding .dropup to the parent.

            + + +
            +
            + + +
            +
            +{% highlight html %} +
            + + +
            {% endhighlight %} @@ -53,11 +85,11 @@

            Add a header to label sections of actions in any dropdown menu.

            - -
            {% highlight html %} -
            Event TypeEvent Type Description
            -- cgit v1.2.3 From ab99374a9c281363afc4cafb61bfba2a4d91c758 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 3 Feb 2015 10:53:33 -0800 Subject: Clarify target of carousel events [skip sauce] --- docs/_includes/js/carousel.html | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/_includes') diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html index e50708ae1..6234032fb 100644 --- a/docs/_includes/js/carousel.html +++ b/docs/_includes/js/carousel.html @@ -226,6 +226,7 @@ $('.carousel').carousel({
          • direction: The direction in which the carousel is sliding (either "left" or "right").
          • relatedTarget: The DOM element that is being slid into place as the active item.
            • +

            All carousel events are fired at the carousel itself (i.e. at the <div class="carousel">).

            -- cgit v1.2.3 From be2206edfc7b7ca47aff0a6b772f87c5ee6f6f51 Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Tue, 3 Feb 2015 14:38:02 -0500 Subject: [Fix Issue #15701] Tooltip/popover destroy docs don't explain the delegation case [Fix Issue #15701] Tooltip/popover destroy docs don't explain the delegation case. Add to popovers --- docs/_includes/js/popovers.html | 2 +- docs/_includes/js/tooltips.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 21a2efc1d..c827a7ff6 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -264,7 +264,7 @@ sagittis lacus vel augue laoreet rutrum faucibus."> {% highlight js %}$('#element').popover('toggle'){% endhighlight %}

            .popover('destroy')

            -

            Hides and destroys an element's popover.

            +

            Popovers that use delegation (which are created using the selector option) cannot be individually destroyed on descendant trigger elements.

            {% highlight js %}$('#element').popover('destroy'){% endhighlight %}

            Events

            diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index c4db01978..48534ed3e 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -225,7 +225,7 @@ $('#example').tooltip(options) {% highlight js %}$('#element').tooltip('toggle'){% endhighlight %}

            .tooltip('destroy')

            -

            Hides and destroys an element's tooltip.

            +

            Tooltips that use delegation (which are created using the selector option) cannot be individually destroyed on descendant trigger elements.

            {% highlight js %}$('#element').tooltip('destroy'){% endhighlight %}

            Events

            -- cgit v1.2.3 From e7de01eeed2c208ba76eddd677f5b6981359f28a Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 6 Feb 2015 11:54:07 -0800 Subject: Update Twitter handle: @twbootstrap => @getbootstrap Refs https://github.com/twbs/bootstrap-blog/commit/1c94b7791f8a24a18f08aba40c38d519b873f2d0 CC: @mdo --- docs/_includes/getting-started/community.html | 2 +- docs/_includes/js/modal.html | 4 ++-- docs/_includes/social-buttons.html | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/getting-started/community.html b/docs/_includes/getting-started/community.html index 4b209a828..c7e7691af 100644 --- a/docs/_includes/getting-started/community.html +++ b/docs/_includes/getting-started/community.html @@ -8,5 +8,5 @@
          • For help using Bootstrap, ask on StackOverflow using the tag twitter-bootstrap-3.
          • Find inspiring examples of people building with Bootstrap at the Bootstrap Expo.
            • -

            You can also follow @twbootstrap on Twitter for the latest gossip and awesome music videos.

            +

            You can also follow @getbootstrap on Twitter for the latest gossip and awesome music videos.

            diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html index 856312ea8..87f228e99 100644 --- a/docs/_includes/js/modal.html +++ b/docs/_includes/js/modal.html @@ -223,7 +223,7 @@
            - + ...more buttons... +
            + +
            +{% highlight html %} + + {% endhighlight %} -- cgit v1.2.3 From 7080e895d836edb03fa585bfc0d5345428bf6c34 Mon Sep 17 00:00:00 2001 From: Jon Chretien Date: Fri, 20 Feb 2015 17:06:42 -0500 Subject: fixed a few typos in the docs --- docs/_includes/css/less.html | 10 +++++----- docs/_includes/getting-started/examples.html | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/less.html b/docs/_includes/css/less.html index a75028651..6dc3ae596 100644 --- a/docs/_includes/css/less.html +++ b/docs/_includes/css/less.html @@ -92,7 +92,7 @@ a {

            Note that the @link-hover-color uses a function, another awesome tool from Less, to automagically create the right hover color. You can use darken, lighten, saturate, and desaturate.

            Typography

            -

            Easily set your type face, text size, leading, and more with a few quick variables. Bootstrap makes use of these as well to provide easy typographic mixins.

            +

            Easily set your typeface, text size, leading, and more with a few quick variables. Bootstrap makes use of these as well to provide easy typographic mixins.

            {% highlight scss %} @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; @@ -162,7 +162,7 @@ a {

            Box-sizing

            Reset your components' box model with a single mixin. For context, see this helpful article from Mozilla.

            -

            The mixin is deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixin internally until Bootstrap v4.

            +

            The mixin is deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixin internally until Bootstrap v4.

            {% highlight scss %} .box-sizing(@box-model) { -webkit-box-sizing: @box-model; // Safari <= 5 @@ -205,7 +205,7 @@ a {

            Transitions

            Multiple mixins for flexibility. Set all transition information with one, or specify a separate delay and duration as needed.

            -

            The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            +

            The mixins are deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            {% highlight scss %} .transition(@transition) { -webkit-transition: @transition; @@ -237,7 +237,7 @@ a {

            Transformations

            Rotate, scale, translate (move), or skew any object.

            -

            The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            +

            The mixins are deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            {% highlight scss %} .rotate(@degrees) { -webkit-transform: rotate(@degrees); @@ -294,7 +294,7 @@ a {

            Animations

            A single mixin for using all of CSS3's animation properties in one declaration and other mixins for individual properties.

            -

            The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            +

            The mixins are deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

            {% highlight scss %} .animation(@animation) { -webkit-animation: @animation; diff --git a/docs/_includes/getting-started/examples.html b/docs/_includes/getting-started/examples.html index 2b750a10f..2ae7bce59 100644 --- a/docs/_includes/getting-started/examples.html +++ b/docs/_includes/getting-started/examples.html @@ -152,7 +152,7 @@ Off-canvas navigation example -

            Offcanvas

            +

            Off-canvas

            Build a toggleable off-canvas navigation menu for use with Bootstrap.

            -- cgit v1.2.3 From 074419298eca781ea0cbe3a9988f44f85afb3eef Mon Sep 17 00:00:00 2001 From: Quy Ton Date: Wed, 18 Feb 2015 11:16:49 -0800 Subject: Fix capitalization/singular of comments in helper class docs Closes #15839 by merging a tweaked version of it. --- docs/_includes/css/helpers.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/helpers.html b/docs/_includes/css/helpers.html index 69dd3f95c..40bb9d58b 100644 --- a/docs/_includes/css/helpers.html +++ b/docs/_includes/css/helpers.html @@ -109,14 +109,14 @@
            ...
            {% endhighlight %} {% highlight scss %} -// Classes +// Class .center-block { display: block; margin-left: auto; margin-right: auto; } -// Usage as mixins +// Usage as a mixin .element { .center-block(); } @@ -142,7 +142,7 @@ } } -// Usage as a Mixin +// Usage as a mixin .element { .clearfix(); } @@ -186,7 +186,7 @@ Skip to main content {% endhighlight %} {% highlight scss %} -// Usage as a Mixin +// Usage as a mixin .skip-navigation { .sr-only(); .sr-only-focusable(); @@ -200,7 +200,7 @@

            Custom heading

            {% endhighlight %} {% highlight scss %} -// Usage as a Mixin +// Usage as a mixin .heading { .text-hide(); } -- cgit v1.2.3 From b9504feb80d7fa95d84ef292097c270744aa4127 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sat, 21 Feb 2015 14:00:04 +0000 Subject: Typo in URL --- docs/_includes/getting-started/accessibility.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/getting-started/accessibility.html b/docs/_includes/getting-started/accessibility.html index d43695ad3..df7206961 100644 --- a/docs/_includes/getting-started/accessibility.html +++ b/docs/_includes/getting-started/accessibility.html @@ -5,7 +5,7 @@

            Skip navigation

            If your navigation contains many links and comes before the main content in the DOM, add a Skip to main content link before the navigation (for a simple explanation, see this A11Y Project article on skip navigation links). Using the .sr-only class will visually hide the skip link, and the .sr-only-focusable class will ensure that the link becomes visible once focused (for sighted keyboard users).

            -

            Due to long-standing shortcomings/bugs in Chrome (see issue 262171 in the Chromium bug tracker) and Internet Explorer (see this article on in-page links and focus order), you will need to make sure that the target of your skip link is at least programmatically focusable by adding tabindex="-1".

            +

            Due to long-standing shortcomings/bugs in Chrome (see issue 262171 in the Chromium bug tracker) and Internet Explorer (see this article on in-page links and focus order), you will need to make sure that the target of your skip link is at least programmatically focusable by adding tabindex="-1".

            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 tabindex="-1" when they are clicked with the mouse) with #content:focus { outline: none; }.

            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.

            -- cgit v1.2.3 From 36d6af9bcd1bce677135c255477307eafb31e045 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sat, 21 Feb 2015 15:02:40 +0000 Subject: Fix copy/pasta'd id on accessibility skiplink callout --- docs/_includes/getting-started/accessibility.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/getting-started/accessibility.html b/docs/_includes/getting-started/accessibility.html index df7206961..927898e8d 100644 --- a/docs/_includes/getting-started/accessibility.html +++ b/docs/_includes/getting-started/accessibility.html @@ -4,7 +4,7 @@

            Skip navigation

            If your navigation contains many links and comes before the main content in the DOM, add a Skip to main content link before the navigation (for a simple explanation, see this A11Y Project article on skip navigation links). Using the .sr-only class will visually hide the skip link, and the .sr-only-focusable class will ensure that the link becomes visible once focused (for sighted keyboard users).

            -
            +