Kevin Suttle
a86f5d24f8
Give forms and search fields proper ARIA roles
...
http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/#tablex
http://www.w3.org/TR/wai-aria/roles#form
http://www.w3.org/TR/wai-aria/roles#search
2013-08-11 21:45:50 -04:00
Mark Otto
d490c35af3
Merge pull request #9198 from bwhitty/3.0.0-wip
...
Fixed #9196 - malformed HTML in doc
2013-08-07 08:34:33 -07:00
Braden Whitten
a4638259a5
Fixed #9196 - malformed HTML in doc
...
Stray <h3> was being closed by an </h2>. Updated to valid HTML. Fixes #9196
2013-08-07 09:18:12 -04:00
adamjacobbecker
a8d95d4721
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.
2013-08-06 21:58:09 -07:00
Mark Otto
18a4082553
fixes #8935 : add gutter width param to grid mixins
2013-08-06 21:00:12 -07:00
Chris Rebert
668bc5f458
Fix pixel values in Responsive Utilities docs to match the actual code
2013-08-05 17:43:29 -07:00
Mark Otto
844df9e001
Fixes #8732 : unfucks disabled fieldset form example with form groups
2013-08-05 14:45:00 -07:00
Mark Otto
e23906faca
Fixes #8150 : add .static-form-control
for vertical alignment of static form text
...
- Also fixes the vertical alignment of labels in horizontal layouts on
account of the recent button and input padding changes
- Also changes the vertical alignment of the checkboxes and radios in
horizontal forms
2013-08-05 12:17:09 -07:00
Chris Seaton
ea17069f6e
Update css.html
...
.help-block talks about being 'longer', but with .help-inline gone, it's not longer than anything and the comparison is confusing.
2013-08-05 18:48:51 +01:00
Mark Otto
6af693d160
Fixes #8770 : mobile-first (stacked by default) horizontal dls
2013-08-05 09:10:52 -07:00
Mark Otto
7a98af5ec8
typo
2013-08-05 08:01:33 -07:00
Elvis Ratzlaff
9c14fe6044
Update documentation on offset for small medium and large devices. "Grid options"
2013-08-05 02:19:14 -04:00
Chris Rebert
cabcd36019
add missing ref to .btn-xs in button sizes docs
2013-08-03 21:59:30 -07:00
Chris Rebert
23ef8c0c20
Greater standardization of sizing terminology
...
In class names:
* large => lg
* small => sm
* mini => xs ("Extra small")
In screen size categories:
* Tiny => Extra small
2013-08-03 21:39:57 -07:00
ChrisRiddell
602e0c0ba0
fix Horizontal form docs
2013-08-03 17:48:15 +09:30
Mark Otto
b5dcbf5045
Merge pull request #8934 from twbs/generalize-horiz-form-example
...
use separate `form-group`s in horiz form example for greater generality
2013-08-02 18:59:06 -07:00
Mark Otto
b86cac65b6
Merge pull request #9018 from adamwoodbeck/3.0.0-wip
...
Added ".col-sm-*" to the grid example per the description above the
2013-08-02 14:04:16 -07:00
Mark Otto
83eea13e63
Merge branch '3.0.0-wip-fixed-grid-push-pull-offset' of https://github.com/jtickle/fp-bootstrap into jtickle-3.0.0-wip-fixed-grid-push-pull-offset
...
Conflicts:
dist/css/bootstrap.min.css
2013-08-02 13:58:06 -07:00
Adam Woodbeck
cfacd228eb
Added ".col-sm-*" to the grid example per the description above the
...
example.
2013-08-02 16:30:13 -04:00
Chris Rebert
9546fc9cf0
fix typo in CSS docs; fixes #8992
...
"from" => "form"
2013-08-01 17:05:23 -07:00
Jeff Tickle
1583dd55e9
Added classes for lg-pull, lg-push, lg-offset, sm-pull, sm-push, sm-offset
2013-08-01 12:16:20 -04:00
Chris Rebert
e660963689
use separate form-group
s in horiz form example for greater generality; fixes #8925
2013-07-31 16:47:22 -07:00
Mike Francis
873f884327
Added attribute whitespace
2013-07-31 09:26:45 +01:00
Guillermo González de Agüero
3d54fe180c
Fix #8658
2013-07-30 16:34:13 +02:00
Mark Otto
87c98478d2
Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip
2013-07-29 17:21:31 -07:00
Mark Otto
ddafa9a0bb
Attempts to fix #8645 : add code comments to grid example to clarify behavior
2013-07-29 17:21:22 -07:00
Mark Otto
fa854a58bd
Merge pull request #8818 from twbs/firefox-input-btn-docs-note
...
make it clearer than <input> buttons are slightly broken on Firefox
2013-07-29 17:16:02 -07:00
Mark Otto
5716355cda
Restore mini button ( fixes #8644 )
2013-07-29 17:08:04 -07:00
Mark Otto
09fff764ed
fixes #8687 : correct docs typo on radio inputs
2013-07-29 17:03:00 -07:00
Chris Rebert
dfd10efd80
make it clearer than <input> buttons are slightly broken on Firefox
2013-07-29 16:57:30 -07:00
Tom Pietschker
13406c240a
update code example for <select> multiple
2013-07-29 14:15:17 -04:00
Mark Otto
0bf5443ad7
Merge pull request #8717 from ggam/patch-3
...
Deleted "show-grid" class from examples
2013-07-29 10:00:10 -07:00
Mark Otto
f3cff49d6d
Merge pull request #8738 from twbs/clarify-width-vs-height-size-classes
...
form input docs: clarify height-related vs. width-related classes
2013-07-28 22:29:05 -07:00
Chris Rebert
061535019c
avoid ambiguous term "relative sizing"; clarify width vs. height control classes
2013-07-28 22:24:49 -07:00
Mark Otto
eb56f7e4f4
Merge pull request #8737 from twbs/docs-html5-style-select-multiple
...
CSS docs page: Use simpler HTML5 style for `multiple` <select> attribute
2013-07-28 22:22:10 -07:00
Mark Otto
e74a25a3b8
Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip
2013-07-28 22:21:27 -07:00
Mark Otto
774f173a18
expand grid system options table to include column widths, gutter widths, large desktop media query, and container widths ( fixes #8733 )
2013-07-28 22:21:16 -07:00
Chris Rebert
70bd9b936f
CSS docs page: Use simpler HTML5 style for multiple
boolean attribute of <select>
2013-07-28 22:17:08 -07:00
Chris Rebert
7bcee1acd2
apply <code> in a few places
2013-07-28 22:09:01 -07:00
Chris Rebert
d0a2a62cd7
expand out IE for consistency w/ the rest of the page
2013-07-28 22:04:38 -07:00
Chris Rebert
e9b1422e86
add commas in a couple places
2013-07-28 22:04:21 -07:00
Mark Otto
b0225c073a
add responsive images section to docs ( fixes #8734 )
2013-07-28 22:00:49 -07:00
Guillermo González de Agüero
c649a04286
Deleted "show-grid" class from examples
2013-07-28 19:40:50 +02:00
Clay Diffrient
98a24cbd25
Fix wording in 'hidden on...' to be in line with 3.0 wording.
2013-07-28 08:57:10 -06:00
Chris Rebert
c947ab1c9a
fix #8701 : IE 10+ supports <fieldset disabled>
...
*golf clap*
2013-07-28 03:48:40 -07:00
Chris Rebert
89746174b7
Safari handles <fieldset disabled> just fine; fixes #8698
...
This makes me wonder whether recent IE might actually support this too.
If not, your move IE Team.
2013-07-28 02:05:38 -07:00
Mark Otto
b281ad6409
Input groups overhaul
...
* Moves input groups CSS into separate file
* Moves input groups docs into the Components page
* Add support for radios and checkboxes in input groups to fix #8679
2013-07-27 18:56:31 -07:00
Mark Otto
8cb1b766f8
fixes #8642 : use .pull-right to keep dropdowns aligned in example
2013-07-27 16:41:02 -07:00
Mark Otto
57bc65f7f8
Merge pull request #8650 from loic/3.0.0-wip
...
Fixed minor typos in css.html
2013-07-27 11:26:28 -07:00
Jiri Pospisil
f670282b40
Fix typo in css.html
2013-07-27 18:40:35 +02:00
Loic Bistuer
7f6c089e45
Fixed minor typos in css.html
2013-07-27 19:27:45 +07:00
Mark Otto
0f2b22a210
herpy derpy shit for urls
2013-07-27 00:18:12 -07:00
Mark Otto
44a4e71215
Fix clipped dropdowns in input groups section of docs
2013-07-26 22:03:52 -07:00
Mark Otto
5bed9f4635
simpler forms docs structure
2013-07-26 21:52:23 -07:00
Mark Otto
85591d82dd
derp
2013-07-26 21:40:58 -07:00
Mark Otto
2967cc1d60
mo tables mo responsive or whatever the hell that means
2013-07-26 21:35:56 -07:00
Mark Otto
572174652e
another responsivey table
2013-07-26 21:31:00 -07:00
Mark Otto
70fa8ef4b0
Responsivey docs table for grid section
2013-07-26 21:28:44 -07:00
Mark Otto
d89c3b9d23
Update IDs on css page
2013-07-26 19:35:24 -07:00
Mark Otto
e4159b53f6
Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip
2013-07-26 16:53:00 -07:00
Mark Otto
e686464ad8
Simpler horizontal form button placement
2013-07-26 16:01:34 -07:00
Mark Otto
01c6617f79
Update inline and horizontal forms
...
* No more need for `.row.form-group`--only need `.form-group`
* Change tag selectors for inline form to use `.form-control`
* Docs improved to explain what's happening
2013-07-26 15:51:25 -07:00
Mark Otto
68827689e8
Use .form-control
in input sizing CSS
2013-07-26 15:41:16 -07:00
Chris Rebert
7b4c40ddb5
Merge pull request #8630 from caouecs/patch-1
...
Fix example of textarea in css.html
2013-07-26 15:14:08 -07:00
Fred Delrieu
4ca3e3677a
Example of textarea
2013-07-27 00:09:27 +02:00
Mark Otto
1cf0a07f17
Merge branch 'patch-3' of https://github.com/jholl/bootstrap into jholl-patch-3
...
Conflicts:
css.html
2013-07-26 15:08:45 -07:00
Mark Otto
d28b7913f6
Merge pull request #8619 from jholl/patch-2
...
align dropdown menu with .pull-right for .input-group-btn when btn on ri...
2013-07-26 10:35:20 -07:00
James Holland
0e7aad8b8d
Update typo css.html move double class .form-control from label in example mark up to input
...
missed the double class in label in recent commit #8621
2013-07-26 09:43:05 -04:00
James Holland
6115f01adb
Update css.html in .form-horizontal
...
to use .row.form-group for horizontal spacing instead of .form-horizontal .row + .row
2013-07-26 08:58:47 -04:00
James Holland
f7a376569a
align dropdown menu with .pull-right for .input-group-btn when btn on right of input
2013-07-26 07:52:40 -04:00
Mark Otto
210ee63693
Fixes #8586 : add addional color text classes to apply all of branch colors easily
2013-07-26 00:18:18 -07:00
Mark Otto
27cedf71d5
Update form validation states
...
* Once again no longer applies to single inputs (this is a bit simpler,
but I'm open to new ideas) but the entire set of inputs, labels, and
help text within a particular element. However, the styles are not too
dependent on markup or layout, so they're super flexible.
* Simplified the markup in the validation docs examples to match latest
changes.
* Renamed `.form-state-validation` mixin to `.form-control-validation`
to match naming of prev commit.
2013-07-25 19:45:14 -07:00
Mark Otto
13bc74b636
Refactor forms styles
...
* Reorganize forms.less
* Change from attribute selectors to `.form-control`. Few lines, less
specific (meaning easier overrides as `element[type=""]` is more
specific than a class), less intrusive, and more performant.
* Add `.form-group` for basic spacing in vertical forms.
* Remove (unnecessary?) `margin: 0;` from `form` element (as far as I
can tell no browser sets that anyway).
2013-07-25 18:29:51 -07:00
Mohnish Thallavajhula
4629bed2c4
Use input type password
for the password field in the CSS documentation.
2013-07-23 11:50:01 -07:00
Mark Otto
4cec956e0c
Drop rounded corners on .table-bordered
...
* Cuts close to 100 lines of CSS from the table CSS
* File size aside, this drastically simplifies CSS for folks looking to
build on top of the `.table-bordered` option as a starting point
2013-07-23 10:48:30 -07:00
Mark Otto
0b1ddeb353
fixes #8559
2013-07-22 14:44:36 -07:00
Mark Otto
12468c6103
Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip
...
Conflicts:
dist/css/bootstrap.min.css
2013-07-21 08:52:25 -07:00
Mark Otto
a63db4d2f9
Update file input to remove height and line-height
...
This particular form control is wildly inaccurate across browsers, so
we're removing the `height` and `line-height`, but adding `display:
block` so it renders similarly to our other inputs.
2013-07-20 21:09:03 -07:00
Mark Otto
df851b40d1
Update docs on responsive images and elaborate on IE8 support using Respond.js
2013-07-20 20:58:23 -07:00
Mark Otto
d651c01e10
Update forms example to show sequential form inputs for later testing
2013-07-20 20:11:53 -07:00
Brent Mulligan
23015bc7c1
Update Normalize.css URL to new Github.io domain
2013-07-20 15:38:38 -04:00
Max
6f9ed7efeb
typo fixed: highligted source code of second radio button was missing in css.html -> checkboxes & radios -> default section
2013-07-19 13:28:26 +03:00
Mark Otto
e440ff4b3f
<input>
and <select>
sizing update
...
Restores `font-size` and more to the `<select>` element while also
changing from `min-height` to `height` for input sizing.
Fixes #8520 as opened by @ShaunR (would've merged that PR but I moved
everything around right before).
2013-07-18 19:53:32 -07:00
Mark Otto
a8005b3d0b
flatten docs dir back into root
2013-07-18 17:41:30 -07:00