Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The "check text spacing" option does not appear to set the paragraph spacing #7

Open
sasgrw opened this issue Aug 19, 2020 · 0 comments
Labels
bug Something isn't working

Comments

@sasgrw
Copy link

sasgrw commented Aug 19, 2020

Summary

When inspecting the CSS that is injected by selecting the "Check text spacing (WCAG 2.1)" option, the CSS only contains three of the four requirements by 1.4.12.

  • Line height (line spacing) to at least 1.5 times the font size;
  • Spacing following paragraphs to at least 2 times the font size;
  • Letter spacing (tracking) to at least 0.12 times the font size;
  • Word spacing to at least 0.16 times the font size.
<style type="text/css" id="ia11yVarsTextSpacingCss">
 *{line-height: 1.5 !important; 
   letter-spacing: 0.12em !important; 
   word-spacing: 0.16em !important;}
 </style>

(Note, format of block above was adjusted to make it easier to read but it was copy/pasted from the Chrome devtools inspector)

Expected result

I expected to see a 4th CSS property such as p{ margin-bottom: 2em !important; } to match 1.4.12's second bullet point.

Actual result

Three of the four requirements are properly applied. The fourth requirement is missing.

Test Case

Bring up any website and ARC Toolkit and check the box for "Check text spacing" then inspect the element of the page. The last element in the block is a <style> that was injected by the ARC Toolkit. It only contains three of the four CSS properties needed to test 1.4.12.

Additional Information

ARC Toolkit version

3.3.2.0

Operating System and version

Windows 10

Browser and version:

Chrome Version 84.0.4147.125 (Official Build) (64-bit)

@sasgrw sasgrw added the bug Something isn't working label Aug 19, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant