search

freeCodeCamp / chapter

A self-hosted event management tool for nonprofits
BSD 3-Clause "New" or "Revised" License
1.92k stars 360 forks source link

Can't zoom when the layout isn't desktop #2403

Closed Sboonny closed 1 year ago

Sboonny commented 1 year ago

WCAG SC 1.4.10 requires that the user be able to zoom up to 400% on a 1280x1024 viewport and still be able to use the page "without loss of information or functionality". The image below shows a Step zoomed in 400% on a 1280x1024 viewport.

rec-screen (1).webm

But chapter doesn't allow change of font-size when zooming in, my guess is chakra when the screen width is lower "lg" (desktop) size, it starts using vw and vh to set font-size, which doesn't change with scroll behavior.

This is record of the issue, until we know if it's actually chakra or something weird, we are doing

gikf commented 1 year ago

Isn't the responsive view already adjusted appropriately to the device size? I looked at few pages, including the bbc.com/earth/world and none of them were zooming when viewing in the responsive/device mode.

Sboonny commented 1 year ago

You can't zoom in devtools. 🤦

when your message indicated a different concept, i have tested it again in the devtools, then I tested github with devtools and they didn't work.

I opened a new tab and resize it manually instead of dev tools and the zoom function works 🤦