fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 12:52:10 +00:00
Code Issues Projects Releases Wiki Activity

New note: resize and reflow

Browse source
This commit is contained in:
Rohan Kumar 2022-06-07 23:38:44 -07:00
parent 854ad8dcce
commit 2ceeed427e
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
content/notes/resize-and-reflow.md Normal file
View file

@ -0,0 +1,15 @@
---
title: "Resize and reflow"
date: 2022-06-07T23:38:39-07:00
replyURI: "https://yatil.net/blog/resize-text-reflow"
replyTitle: "WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow"
replyType: "BlogPosting"
replyAuthor: "Eric Eggert"
replyAuthorURI: "https://yatil.net"
---
This is a good article on the difference between SC 1.4.4 and 1.4.10. However, I don't think these criteria go far enough:
Even narrower viewports exist. KaiOS devices tend to have 240&nbsp;px viewports; smartwatches tend to have half the width of a phone while emulating a phone width (Apple Watches can be instructed not to do this with a proprietary `meta` tag). Of course, making sites watch-compatible is a stretch, but support for feature phones running KaiOS should be reasonable. I wrote about this more in <cite>[Best practices for inclusive textual websites](https://seirdy.one/posts/2020/11/23/website-best-practices/)</cite>.
Another thing worth remembering is that users can change default fonts or override sire-set fonts. Don't just test with default default fonts; test with something wider. These criteria should specify some font metrics or (royalty free) representative wide fonts to use for testing.