WCAG 2.1 1.4.12 Text spacing in the Switcher
See original GitHub issueDescribe the bug
The switcher to change from fastpass to assessment has overlapping text
To Reproduce
- Go to text legibility> text spacing
- run the following function (Same as the bookmarklet)
(function () { document.querySelector("body").classList.add("text-spacing"); var style = document.createElement("style"), styleContent = document.createTextNode(".text-spacing * { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; } .text-spacing p{ margin-bottom: 2em !important; } "); style.appendChild(styleContent); var caput = document.getElementsByTagName("head"); caput[0].appendChild(style); })();
- check the switcher
Expected behavior
all text is visible
Screenshots
Extension (please complete the following information)
- OS: [e.g. Windows/Mac] Windows
- Version [e.g. 1.140.1] 2.9.1
- Browser Version [e.g Chrome 71.0] 75
- Target Page [e.g www.bing.com] any
Are you willing to submit a PR?
No
Did you search for similar existing issues?
Yes
Additional context
Issue Analytics
- State:
- Created 4 years ago
- Comments:16 (13 by maintainers)
Top Results From Across the Web
Understanding Success Criterion 1.4.12: Text Spacing | WAI
Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs to at least 2 times the font size;...
Read more >1.4.12 Text Spacing | New Success Criteria in WCAG 2.1
This success criterion allows users to use custom CSS to add additional spacing to the text that they see, without losing parts of...
Read more >1.4.12 Text Spacing - Maxability
12 text spacing ensures that the users may want to use user defined style sheets, browser plug-ins or bookmarklets to increase the space...
Read more >WCAG 2.1 Article 1.4.12 - YouTube
These styles are line height, or line spacing, to at least 1.5 times the current font size. Spacing following paragraphs to at least...
Read more >1.4.12 Text Spacing - Web Accessibility Requirements
1.4.12 Text Spacing · Line height (line spacing) to at least 1.5 times the font size; · Spacing following paragraphs to at least...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Worked with @peterdur, we were able to repro it by running the code in the DevTool console
yes, please!