Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WCAG 1.4.10 Reflow issues #426

Open
cmcmenamin opened this issue Jan 19, 2023 · 1 comment
Open

WCAG 1.4.10 Reflow issues #426

cmcmenamin opened this issue Jan 19, 2023 · 1 comment

Comments

@cmcmenamin
Copy link

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
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant