Skip to content

F80 code example doesn't fail #3558

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

Open
kengdoj opened this issue Nov 17, 2023 · 6 comments
Open

F80 code example doesn't fail #3558

kengdoj opened this issue Nov 17, 2023 · 6 comments

Comments

@kengdoj
Copy link

kengdoj commented Nov 17, 2023

https://www.w3.org/WAI/WCAG22/Techniques/failures/F80

At 400% zoom with Chrome and Edge, everything including the input field text increased.

@JAWS-test
Copy link

This is only true if the browser zoom is changed directly. However, if a different font size is selected in the browser, the inputs are not displayed enlarged

@JAWS-test
Copy link

However, it would be even better if it were used input {font-size: 1vw;} instead, because then the input would not scale even with browser zoom

@patrickhlauke
Copy link
Member

This is only true if the browser zoom is changed directly.

and since 1.4.4 doesn't require a specific approach, but only that there be a way to enlarge text, this technique passes. agree that it should either be changed or removed /cc @alastc

@bruce-usab
Copy link
Contributor

Any other ideas for failure techniques illustrating how author might break browser zoom?

Thanks @JAWS-test for 1vw as simple substitution! I tried 12px (instead of 12pt) but browser zoom worked fine.

@Jym77
Copy link

Jym77 commented Apr 2, 2024

Same problem with the example in F69, they work perfectly fine with browser zoom and only break with font size change (vw font size doesn't do the trick here since it makes the text overflow on small zoom and fit on big zoom; vh height on the containers does).

With all modern desktop browsers allowing zoom and thus passing G142, does 1.4.4 boils down to "be careful with viewport relative units" 🤔

@Jym77
Copy link

Jym77 commented Feb 12, 2025

Looking into that again, it seems that even F94 may need a rework.

When I'm looking at the detailed example in Firefox and use the "zoom text only" setting, it scales nicely. Other methods (usual browser zoom, increasing font size) do not let the text be resized, though.

Judging by Understanding 1.4.4, it seems that "zoom text only" is a valid way of passing it:

a number of mechanisms - including zoom (of the entire page's content), magnification, text-only resizing, and allowing the user to configure a size for rendered text.

(emphasize mine)

And with the recent clarification that

Content satisfies the Success Criterion if it can be scaled up to 200% using at least one text scaling mechanism supported by user agents.

That page seems to now satisfy 1.4.4.

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

5 participants