search

Devographics / Monorepo

Monorepo containing the State of JS apps
surveyform-sigma.vercel.app
Other
121 stars 49 forks source link

Check accessibility of arrow buttons #305

Open squidjam opened 9 months ago

squidjam commented 9 months ago

The interested/would use again (and equivalent opposite) could benefit from someone using the survey on a non-flagship phone (i.e.: small screen). I found the buttons to be sometimes too small and too close between each other to act on them. Screenshot_2023-09-23-12-45-23-180-edit_com android chrome

SachaG commented 9 months ago

What was your viewport size?

squidjam commented 9 months ago

Whatever the POCO Phone X3 Pro phone uses. Let's check, copying from the internet:

Type | IPS LCD, 120Hz, HDR10, 450 nits (typ) -- | -- Size | 6.67 inches, 107.4 cm2 (~84.6% screen-to-body ratio) Resolution | 1080 x 2400 pixels, 20:9 ratio (~395 ppi density)

I also had my text font set to xl in the phone's accessibility options and 115% in Chrome's Settings>>Accessibility>>Text scaling.

So while this looks impressively big on a desktop browser, it was very small on the phone's screen and it was not easily accessed with fingers (and mine aren't particularly big to begin with) :)