search

sveltejs / sites

Monorepo for the sites in the Svelte ecosystem
https://svelte.dev
MIT License
286 stars 123 forks source link

WCAG 1.4.10 Reflow issues #426

Open cmcmenamin opened 1 year ago

cmcmenamin commented 1 year ago

For users with low vision, they may struggle to use svelte.dev/tutorial

At high browser zoom levels, which many devs with low vision use, the tutorial becomes very difficult to use due to non-dismissible banners, such as the header, and a banner for Ukraine.

Banners that can't be dismissed like this obscure a large percentage of the viewport, which means there is very little usable space in the viewport for the main content.

Here's an example that shows a large percentage of the main content being obscured by the header and banner:

A screenshot of svelte.dev showing the header and Ukraine banner covering large portions of the viewport, obscuring the main content

I think making those banners/headers collapsable would make Svelte easier to learn for many visually impaired devs out there 😀

cmcmenamin commented 1 year ago

Note that this issue may not strictly constitute a WCAG 1.4.10 Reflow failure, but... it's kinda related to that WCAG Success Criterion.