designsystemet icon indicating copy to clipboard operation
designsystemet copied to clipboard

Article: Text Alignment Best Practises

Open mrosvik opened this issue 1 year ago • 2 comments

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.

Question:

Image

### 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

mrosvik avatar Sep 22 '23 11:09 mrosvik