Permalink
Browse files

Accessibility: We don't need to move hidden elements off screen when …

…we set height, width and clip.

We were combining two techniques here. Setting top and left will cause issues when we work on dir="rtl" support, so we use the other solution.
Also removed IE6/7 clip notation because IE7 is C-grade now as well.
  • Loading branch information...
jaspermdegroot committed Jul 18, 2013
1 parent 9e30114 commit 963151cdc2782e7c195fec892d419250bda2e282
@@ -51,11 +51,8 @@ button.ui-btn-icon-notext {
/* Fixes IE/WP filter alpha opacity bugs */
.ui-input-btn.ui-state-disabled input {
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,12 +33,9 @@
}
.ui-collapsible-heading-status {
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-collapsible-content {
@@ -114,11 +114,8 @@ fieldset.ui-controlgroup {
}
.ui-controlgroup-controls > 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);
}
@@ -68,12 +68,9 @@ div.ui-mobile-viewport {
/* Non-js content hiding */
.ui-nojs {
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);
}
@@ -374,11 +371,8 @@ div.ui-mobile-viewport {
.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);
}
@@ -52,12 +52,9 @@
.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,
@@ -44,11 +44,9 @@
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
top: -9999px;
left: -9999px;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
@@ -50,12 +50,9 @@ 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);
}
.ui-field-contain .ui-rangeslider input.ui-slider-input,
@@ -5,12 +5,9 @@
}
.ui-select > select {
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 {
@@ -75,12 +75,9 @@ input.ui-slider-input {
}
select.ui-slider-switch {
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 {
@@ -37,12 +37,9 @@
}
.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;
}

0 comments on commit 963151c

Please sign in to comment.