Bug 1464858 - make visually hidden / screenreader content not display:none, r?eeejay
MozReview-Commit-ID: JzO7tyO4wv3
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -726,16 +726,26 @@ body:not(.loaded) .toolbar:-moz-locale-d
list-style: disc;
}
.moz-reader-content ol {
padding-inline-start: 30px;
list-style: decimal;
}
-/* Hide elements with common "hidden" class names */
+/* Visually hide (but don't display: none) screen reader elements */
.moz-reader-content .visually-hidden,
.moz-reader-content .visuallyhidden,
+.moz-reader-content .sr-only {
+ display: inline-block;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ border-width: 0;
+}
+
+/* Hide elements with common "hidden" class names */
.moz-reader-content .hidden,
-.moz-reader-content .invisible,
-.moz-reader-content .sr-only {
+.moz-reader-content .invisible {
display: none;
}