Responsive accessibility

Interesting post on "Maintaining Accessibility in a Responsive World":
https://www.filamentgroup.com/lab/accessible-responsive.html

I think each of the issues found are mostly covered by WCAG 2.0, but they indicate some techniques we should add. Going through their categories of issue

Spatial & Behavioral Cues: Partially covered by 1.3.3 Sensory Characteristics, but they also had issues with describing input modalities (e.g."use your arrow keys" doesn't work on touch). 
Is there a MATF SC that covers this, or is it considered part of the ARIA touch-gap?

Accessible hiding: Where something is visually hidden but can be focused with the keyboard, I tend to fail that under 2.1 Keyboard or Focus visible depending on the content. 
It seems there could be another technique for this though.


Content Toggles: Where the markup/ARIA needs to change depending on the window size / functionality. I think that is covered by 1.3.1 / 4.1.1, just adding another layer to testing if you aren't familiar with it.


Focus Order: The visual order can change or be odd when navigating by keyboard, which is sort of covered by 2.4.3 Focus Order, but we should probably establish a technique for flexbox / grid.

I would place the issue with focus order on the user-agent side (if that were possible) but this is a powerful point to consider:
"the majority of layouts we see on the web do not strictly follow HTML source order, and for good reason: across viewport sizes, the usability of a design can be dramatically improved by shifting the visual hierarchy, scale, and order of the elements in a page. Indeed, the great promise of CSS was to free us from the constraints of binding our HTML to any particular visual presentation."

That is another strong argument in favour of the focus order following the CSS order:
https://lists.w3.org/Archives/Public/public-apa/2016Jan/0025.html

Where is the best place to post about a new technique at the moment? We've obviously got a lot on, I'm looking to store it up for after 2.1 FPWD...

Cheers,

-Alastair

Received on Tuesday, 14 February 2017 10:38:13 UTC