WCAG-Audit-Discussions / NL-BE

Nederlandstalige discussies over hoe WCAG en de successcriteria te interpeteren.
https://wcag-audit-discussions.github.io/NL-BE/
24 stars 1 forks source link

SC 1.4.10 Testen bij 1280px en inzoomen tot 400% of testen op 320px Responsive design modus (CTRL + SHIFT + M). #37

Open armenos opened 2 years ago

armenos commented 2 years ago

Aansluitend op discussie van SC 1.4.4 ben ik benieuwd hoe jullie hiertegen aankijken. Wanneer een website getest wordt op resolutie van 1280px (x 768px of 1024px hoogte) en wordt ingezoomd tot 400%. Kan het resultaat verschillen van de testmethode op 320px binnen responsive design modus (CTRL + SHIFT + M) developer tools van de Firefox of Chrome.

Binnen Failure Technique F102 worden beide methodes omschreven, maar ik ben van mening dat dit niet representatief is omdat de resultaten kunnen verschillen. Wanneer een website wordt bekeken op 320px (mobile scherm) komt er geen inzoomen van pas. Waardoor de echte problemen niet naar voren komen.

Volgens mij is de SC 1.4.10 geschreven voor de mensen die niet anders kunnen dan inzoomen. En dus niet per se op 320px resolutie scherm de website bekijken.

https://www.w3.org/WAI/WCAG21/Understanding/reflow.html https://www.w3.org/WAI/WCAG21/Techniques/failures/F102

Aircl0wn commented 2 years ago

Ik hanteer momenteel https://github.com/w3c/wcag21/issues/883#issuecomment-384800487

So the combined test for reflow, text-resize and text-spacing can be:

Set the browser window to 1280px wide. Zoom in to 400%. Check content & functionality is available, and no horizontal scrolling (in LTR languages). Check text is at least 200% bigger. Turn on text-sizing (e.g. with a bookmarklet). Un-zoom through each media query, looking for overlaps / missing content.

Daarmee denk je 1.4.4, 1.4.10 en 1.4.12 af.

Dus niet in de responsive weergave op 320px. Ik heb een custom viewport toegeveogd van 1280x1024 image

Veyfeyken commented 1 year ago

Er is consensus over de testmethode zoals beschreven door Alastair Campbell op https://github.com/w3c/wcag21/issues/883#issuecomment-384800487.