designsystemet
designsystemet copied to clipboard
Article: Text Alignment Best Practises
There have been some questions about text alignment. We should add an article under "God praksis" about this.
UU-tilsynet says nothing about this: https://www.uutilsynet.no/veiledning/tekst-og-struktur/226 Relevant WCAG Criterion:
Width is no more than 80 characters or glyphs (40 if CJK). Text is not justified (aligned to both the left and the right margins).
WCAG: 1.4.8 Visual presentation (AAA)
Inspiration:
- https://blog.prototypr.io/text-alignment-best-practises-c4114daf1a9b
"When text is longer than two or three lines, it is always recommended to ignore center alignment."
- https://thewebsitearchitect.com/does-center-aligned-text-matter-for-accessibility/
Left is the most popular and default text alignment. Its the best for readability and user experience because of the way our eyes read.
-
Some small mentions in gov.uk https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/ https://design-system.service.gov.uk/styles/typography/#text-alignment-override-classes
-
Other sources?
Question:
### Tasks
- [x] Finne stoff og kvalitetssikre
- [x] Skrive utkast
- [x] Sende til Dorte for kvalitetssikring
- [x] Justere etter tilbakemelding
- [x] Dele med Marianne
- [ ] Marianne gir meg beskjed om eventuelle endringer og setter til Done