WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Reduce font size on all paragraphs and success criterion 1.4.4 Resize text.


From: Bateman, Jill
Date: Aug 6, 2019 6:41AM

This might be a case where usability research and user testing can strengthen your (very good) argument that the sizing issue your design team is pushing it a bad idea. If you can reach a compromise, you might be able to suggest they increase the font weight to 400 and try adding a little bit more letter spacing in the css (.03em improved the readability at the .8em font size). Maybe suggest some AB user testing?

It's artistically beautiful, but it's a struggle to read without the font size decrease.

Good luck!


From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of Patrick H. Lauke < <EMAIL REMOVED> >
Sent: Monday, August 5, 2019 8:05 PM
Subject: Re: [WebAIM] Reduce font size on all paragraphs and success criterion 1.4.4 Resize text.

On 06/08/2019 00:22, Joan Preston wrote:

> I'm trying to figure out if a reduced font size on a page is considered an accessibility issue when the font can be enlarged by the user. The design team wants style all the paragraphs on a page using smaller font or byline font of 0.8em compared to the our regular font size of 1.05em (see links below.) I suggested they add letter-spacing of .03em to make the byline font more readable, but they don't want to do that. They feel the small font size is a way to save space and users can just enlarge the font if they need too. I know WCAG criterion 1.4.4 Resize text, https://nam03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FWAI%2FWCAG21%2FUnderstanding%2Fresize-text.html&amp;data=02%7C01%7Cbatemanj%40ohio.edu%7C8cc209e74e9c40fdfd5b08d71a01d8cc%7Cf3308007477c4a70888934611817c55a%7C0%7C0%7C637006467545943127&amp;sdata=6RKwYoDvGLyEvSy4l%2F%2Bq6JObPcZwkP6b5e%2F4xwAI9ls%3D&amp;reserved=0, pertains to being able to resizing the text up to 200%, however, when many users
have to resize the text or the design is relying on resizing, then criterion is not met.

There is no normative requirement for any particular minimum text size
in WCAG. In theory, if browsers allowed it, you could have text sized to
just 1px height, and WCAG would not have anything to say about that
(though of course your users might).

And no, it's irrelevant if "many users have to resize the text or the
design is relying on resizing". 1.4.4 simply requires that users be able
to resize up to 200%.

Of course, there are real-world usability/readability considerations
that go beyond WCAG's normative requirements...

Patrick H. Lauke

https://nam03.safelinks.protection.outlook.com/?url=www.splintered.co.uk&amp;data=02%7C01%7Cbatemanj%40ohio.edu%7C8cc209e74e9c40fdfd5b08d71a01d8cc%7Cf3308007477c4a70888934611817c55a%7C0%7C0%7C637006467545943127&amp;sdata=rXnGJmmdX2D2oFPInmG49nTdbFpWCH0Hnpq0m2VMRyo%3D&amp;reserved=0 | https://nam03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fpatrickhlauke&amp;data=02%7C01%7Cbatemanj%40ohio.edu%7C8cc209e74e9c40fdfd5b08d71a01d8cc%7Cf3308007477c4a70888934611817c55a%7C0%7C0%7C637006467545943127&amp;sdata=1XiI7FpFlnw51peqICNEfzLZUo7YYOkTf4CpEK6hCto%3D&amp;reserved=0
https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fflickr.com%2Fphotos%2Fredux%2F&amp;data=02%7C01%7Cbatemanj%40ohio.edu%7C8cc209e74e9c40fdfd5b08d71a01d8cc%7Cf3308007477c4a70888934611817c55a%7C0%7C0%7C637006467545943127&amp;sdata=jq1mvtZMfFySnJ0FzuCEd7YVhGlYnn%2BfiL2hBviYIvg%3D&amp;reserved=0 | https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fredux.deviantart.com&amp;data=02%7C01%7Cbatemanj%40ohio.edu%7C8cc209e74e9c40fdfd5b08d71a01d8cc%7Cf3308007477c4a70888934611817c55a%7C0%7C0%7C637006467545953123&amp;sdata=mARlKk3O8JRbzPkfAlcmMoKgNeKoYKVrgYT42bsF9vk%3D&amp;reserved=0
twitter: @patrick_h_lauke | skype: patrick_h_lauke