]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
Improve accessibility (Section 508, WCAG) 9186/head
authoradamjacobbecker <ad@mbecker.cc>
Wed, 7 Aug 2013 04:25:36 +0000 (21:25 -0700)
committeradamjacobbecker <ad@mbecker.cc>
Wed, 7 Aug 2013 04:58:09 +0000 (21:58 -0700)
commita8d95d4721e714a7e1d683e14e997faa5ccddaff
tree13b2659725668e0dde39f1f15810a8303443aa16
parentd1e712d84882953b7d2a43a8e70aa3b976da5fcd
Improve accessibility (Section 508, WCAG)

This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices.

What was done
- Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria)
- Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users.
- Advised users to always use label elements. For inline forms, they can hide them with `.sr-only`
- Added 'Skip navigation' link
- Added "Accessibility" section to getting-started.html.

What *wasn't* done
- Contrast issues (twbs#3572)
- Tooltips (twbs#8469)
- Documentation re: usage of icons, since they now live in a separate repo

Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out.
14 files changed:
_includes/nav-getting-started.html
_includes/nav-main.html
_includes/social-buttons.html
_layouts/customize.html
_layouts/default.html
_layouts/home.html
components.html
css.html
dist/css/bootstrap.css
dist/css/bootstrap.min.css
getting-started.html
index.html
javascript.html
less/scaffolding.less