WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: WCAG SC 1.4.10 (Reflow) and sticky headers

for

Number of posts in this thread: 5 (In chronological order)

From: Steve Green
Date: Mon, Feb 24 2020 12:55AM
Subject: WCAG SC 1.4.10 (Reflow) and sticky headers
No previous message | Next message →

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?

Regards,
Steve Green
Managing Director
Test Partners Ltd
020 3002 4176 (direct)
0800 612 2780 (switchboard)
07957 246 276 (mobile)
020 7692 5517 (fax)
Skype: testpartners
= EMAIL ADDRESS REMOVED =
www.testpartners.co.uk
 
Connect to me on LinkedIn - http://uk.linkedin.com/in/stevegreen2

From: Patrick H. Lauke
Date: Mon, Feb 24 2020 1:37AM
Subject: Re: WCAG SC 1.4.10 (Reflow) and sticky headers
← Previous message | Next message →

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

From: Steve Green
Date: Mon, Feb 24 2020 2:17AM
Subject: Re: WCAG SC 1.4.10 (Reflow) and sticky headers
← Previous message | Next message →

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 ADDRESS REMOVED = > On Behalf Of Patrick H. Lauke
Sent: 24 February 2020 08:37
To: = EMAIL ADDRESS 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

From: Patrick H. Lauke
Date: Mon, Feb 24 2020 2:52AM
Subject: Re: WCAG SC 1.4.10 (Reflow) and sticky headers
← Previous message | Next message →

On 24/02/2020 09:17, Steve Green wrote:
> 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.

https://github.com/w3c/wcag/issues/987

(and yes, that SC is just very handwavy, unfortunately...as arguably it
had been rushed through at the time)


--
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

From: Steve Green
Date: Mon, Feb 24 2020 2:57AM
Subject: Re: WCAG SC 1.4.10 (Reflow) and sticky headers
← Previous message | No next message

Thanks for the link - it's good to know this has been discussed, even if no conclusion was reached.

Steve


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

On 24/02/2020 09:17, Steve Green wrote:
> 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.

https://github.com/w3c/wcag/issues/987

(and yes, that SC is just very handwavy, unfortunately...as arguably it had been rushed through at the time)


--
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