Skip to content

E
edx-platform
Commit 519e292d by clrux
Options

Merge pull request #11294 from edx/clrux/ac-323 

Adjusting .sr mixins for NVDA/JAWS on Windows
parents 8c26178d a0a9617a
Showing with 24 additions and 16 deletions
common/static/sass/_mixins.scss
...@@ -404,14 +404,18 @@ ...@@ -404,14 +404,18 @@
// +Content - Screenreader Text - Extend // +Content - Screenreader Text - Extend
// ==================== // ====================
%cont-text-sr { %cont-text-sr {
border: 0; // clip has been deprecated but is still supported
clip: rect(0 0 0 0); clip: rect(1px 1px 1px 1px);
height: 1px; clip: rect(1px, 1px, 1px, 1px);
margin: -1px; position: absolute;
overflow: hidden; margin: -1px;
padding: 0; height: 1px;
position: absolute; width: 1px;
width: 1px; border: 0;
padding: 0;
overflow: hidden;
// ensure there are spaces in sr text
word-wrap: normal;
} }
// +Content - Text Wrap - Extend // +Content - Text Wrap - Extend
......
lms/static/sass/base/_mixins.scss
...@@ -125,14 +125,18 @@ ...@@ -125,14 +125,18 @@
// extends -hidden elems - screenreaders // extends -hidden elems - screenreaders
%text-sr { %text-sr {
border: 0; // clip has been deprecated but is still supported
clip: rect(1px 1px 1px 1px); clip: rect(1px 1px 1px 1px);
height: 1px; clip: rect(1px, 1px, 1px, 1px);
margin: -1px; position: absolute;
overflow: hidden; margin: -1px;
padding: 0; height: 1px;
position: absolute; width: 1px;
width: 1px; border: 0;
padding: 0;
overflow: hidden;
// ensure there are spaces in sr text
word-wrap: normal;
} }
// extends - ensures proper contrast for automated checkers // extends - ensures proper contrast for automated checkers
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment