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

Left align copy for each myth #9

Open
adamjohnson opened this issue Dec 2, 2021 · 5 comments
Open

Left align copy for each myth #9

adamjohnson opened this issue Dec 2, 2021 · 5 comments
Labels
enhancement New feature or request

Comments

@adamjohnson
Copy link

Screenshot showing a11y myths with text-align: left

Left aligning the myth text makes them more readable because your eye returns to the same spot on the left for each new line. Rule #11 from Practical Typography states that we should use centered text sparingly.

Here's a link to the production site to compare: a11y Myths

tags: typography, design


Great site by the way. Love it! Thanks for putting this together.

@sergeicodes
Copy link
Owner

Hi @adamjohnson, thanks for commenting! I'm getting your point, I was thinking that for the such a short text it won't be a problem. From the design perspective centered version looks much better, what do you think?

@adamjohnson
Copy link
Author

IMO if there was only one myth per page, center aligned text could work.

That said, since there are XX myths which are all center aligned, I think this makes them harder to read one after the other.

As usual, your results may vary. :-)

@yamanoku
Copy link
Contributor

yamanoku commented Dec 3, 2021

My name is @yamanoku, and I translated this into Japanese.

The Japanese is left-justified, as it is easier to read the text starting from the left side rather than centering it.

Screenshots: yamanoku.net/a11ymyths-jp/

@sergeicodes
Copy link
Owner

Well, at the end accessibility is not about blindly following WGAC, but about how usable is a website for people. If beautifully centered text breaks the general readability, then it needs to be fixed.

@sergeicodes
Copy link
Owner

@stevefaulkner what do you think of centering vs. aligning to the left?

@sergeicodes sergeicodes added the enhancement New feature or request label Dec 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants