WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessibility of responsive, repositioned sidebars?

for

From: Robert Fentress
Date: Nov 1, 2016 6:54AM

Here is some further info from discussions at the W3C:
https://lists.w3.org/Archives/Public/www-style/2014Nov/0345.html

Looks like the consensus was that flexbox order should be purely visual and
should not affect the logical order for the purposes of tab or virtual
cursor navigation.

On Mon, Oct 31, 2016 at 3:14 PM, Robert Fentress < <EMAIL REMOVED> > wrote:

> Thanks for following up, Jonathan.
>
> I hadn't thought to check with Firefox. I just did and see, that it does,
> indeed, work as you describe there. I had only checked with Chrome, where,
> unfortunately, flexbox-assigned order doesn't appear to have any effect on
> tab order. So, it looks like that still won't solve the problem (?),
> unless I am overlooking something. How depressing!
>
> On Mon, Oct 31, 2016 at 1:34 PM, Jonathan Avila <
> <EMAIL REMOVED> > wrote:
>
>> > If I tab past the last menu item in the main horizontal navigation at
>> the top of the page, I, personally, would expect the next tab stop to be
>> the first link in the main content area (left column), not the first link
>> in the secondary navigation menu (right column). This would be the case
>> whether that secondary navigation was made to appear there using
>> float:right with CSS or by using the order property in the flexbox model.
>>
>> From what I understand if the order property is used in Firefox the tab
>> order will actually change to match the visual order and not the source
>> order.
>>
>> > Jonathan, I'm interpreting what you've said as falling on the "It's
>> probably not that big a deal either way" side of things in the scenario
>> described above. That sound right?
>>
>> Right, as long as the sequence is still meaningful there would appear to
>> be allowances for some deviation from the visual order.
>>
>> Jonathan
>>
>> Jonathan Avila
>> Chief Accessibility Officer
>> SSB BART Group
>> <EMAIL REMOVED>
>> 703.637.8957 (Office)
>> Visit us online: Website | Twitter | Facebook | Linkedin | Blog
>> Check out our Digital Accessibility Webinars!
>>
>>