Permalink
Browse files

Improvements to and consistency in accessible hiding content. TODO: l…

…ook into #3851 and create a mixin when using SASS.
  • Loading branch information...
jaspermdegroot committed May 7, 2013
1 parent 3191733 commit bf9c2d307eec1bbd75156ecd846eb5b1e8f1b104
@@ -50,6 +50,12 @@ button.ui-btn-icon-notext {
.ui-state-disabled input[type="button"],
.ui-state-disabled input[type="submit"],
.ui-state-disabled input[type="reset"] {
position: absolute;
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
@@ -33,9 +33,14 @@
border-top-width: 1px;
}
.ui-collapsible-heading-status {
position: absolute;
position: absolute !important;
top: -9999px;
left: 0;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-collapsible-content {
display: block;
@@ -165,6 +165,12 @@ fieldset.ui-controlgroup.ui-mini {
font-size: 16px;
}
.ui-controlgroup-controls > label {
position: absolute;
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
@@ -63,8 +63,14 @@ div.ui-mobile-viewport {
/* Non-js content hiding */
.ui-nojs {
position: absolute;
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
/* Loading screen */
@@ -372,7 +378,11 @@ label {
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
@@ -43,7 +43,14 @@
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn {
@@ -54,7 +54,11 @@ html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:
/* Hide the second label (the first is moved outside the div) */
div.ui-rangeslider label {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
@@ -3,8 +3,14 @@
position: relative;
}
.ui-select select {
position: absolute;
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-select .ui-btn {
opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
@@ -75,8 +75,14 @@ input.ui-slider-input {
margin: -8px 0 0 -8px;
}
select.ui-slider-switch {
position: absolute;
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
div.ui-slider-switch {
display: inline-block;
@@ -31,6 +31,17 @@
.ui-popup {
position: relative;
}
.ui-popup-hidden {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
visibility: hidden;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
overflow: visible;
@@ -107,6 +118,9 @@
margin: 0;
z-index: 1101;
}
.ui-popup > .ui-btn-left { left: -9px; }
.ui-popup > .ui-btn-right { right: -9px; }
.ui-popup-hidden { top: -99999px; left: -9999px; visibility: hidden; }
.ui-popup > .ui-btn-left {
left: -9px;
}
.ui-popup > .ui-btn-right {
right: -9px;
}

0 comments on commit bf9c2d3

Please sign in to comment.