Skip to content

WCAG 2.1 site header causes reflow issue #4018

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

Closed
fstrr opened this issue Aug 15, 2024 · 3 comments
Closed

WCAG 2.1 site header causes reflow issue #4018

fstrr opened this issue Aug 15, 2024 · 3 comments

Comments

@fstrr
Copy link
Contributor

fstrr commented Aug 15, 2024

The site header in the WCAG 2.1 version of the site causes reflow issues when zoomed in or viewed on a phone. Thiis screen grab is from a laptop browser zoomed into 400%:

screen grab of part of the WCAG 2.1 site header, showing part of the WAI logo pushed off to the right of the page and out of the header. The browser is displaying a horizontal scrollbar
@kfranqueiro
Copy link
Contributor

This will presumably be resolved once we're ready to generate 2.1 docs with the new build system, given that this does not happen on current 2.2 docs (IIRC @iadawn did some recent work on the header).

#4007 is the first step towards that, but there may be some remaining work afterwards, e.g. filtering working examples for 2.1 output.

@iadawn
Copy link
Contributor

iadawn commented Aug 19, 2024

Should do. I have tagged with 2.1 so we can check and close this once we are comfortable and have published the update to 2.1

@kfranqueiro
Copy link
Contributor

kfranqueiro commented Apr 14, 2025

Upon re-testing after the 2.1 content was republished with #4007, this appears to be resolved. When viewed on mobile or when zoomed 400%, the header now looks like this:

Screenshot of the Understanding WCAG header, showing the elements stacked vertically rather than horizontally

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

No branches or pull requests

3 participants