WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: WCAG SC 1.4.10 (Reflow) and sticky headers

for

From: Steve Green
Date: Feb 24, 2020 2:17AM

The bit I am struggling with is that I didn't lose any content or functionality on the monitor that I was using for testing, which was 1280x1024px. I only lost content when I reduced the viewport height below 780px. I didn't need to do that, but of course other people might have monitors that are not that high.

If we are going to say this is a non-compliance, it seems that the SC should specify the viewport height as well as the width. If we don't, then every sticky component is going to fail if you reduce the viewport height sufficiently.

Steve


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Patrick H. Lauke
Sent: 24 February 2020 08:37
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] WCAG SC 1.4.10 (Reflow) and sticky headers

On 24/02/2020 07:55, Steve Green wrote:
> I am testing WCAG SC 1.4.10 (Reflow) on a website that has a sticky header. The content reflows ok in terms of the width, but at 400% zoom and 1280px width the content is truncated at window heights below 780px. The cut-off content cannot be accessed because sticky headers cannot be scrolled.
>
> This is obviously an accessibility issue, but it does not appear to violate any WCAG success criteria. SC 1.4.10 makes no mention of window height except in the context of pages that are designed to scroll horizontally, which is not the case here.
>
> Have I missed something, or is this an apparent oversight in the success criterion?

My interpretation is that it still fails the "Content can be presented without loss of information or functionality" part of the SC. You have vertical-scrolling content, you changed the viewport to be 320 CSS px wide, and you lost content. That first sentence doesn't necessarily mean "No loss of content/functionality horizontally", but is general.

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke