WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: css flex and accessibility

for

From: Date: Jun 24, 2020 7:33AM

On 24/06/2020 14:30, Sandy Feldman wrote:
> Léonie, this is really useful! Thanks very much.
>
> Here's my takeaway - flex is ok for everything except for reordering
> content, which is going to mess with the tab order. Browser can fix
> that, but they haven't. So, in the meanwhile, I can use it except for
> that one thing.
>
> Did I get that right?

You did indeed :)


>
> Sandy
>
>
> On 2020-06-24 8:31 a.m., Léonie Watson wrote:
>> I wrote this a little time ago now, and Firefox has since fixed the
>> "bug" mentioned in the post, but the general overview is still relevant
>> think.
>> https://tink.uk/flexbox-the-keyboard-navigation-disconnect/
>>
>>
>> On 24/06/2020 13:10, Sandy Feldman wrote:
>>> It's been really interesting reading about the impact that grid has on
>>> screen readers.
>>>
>>> I'd be interested in hearing what you guys think of flex CSS. Does using
>>> flex attributes impact the screen reader experience? Aside from being
>>> careful about using CSS to order content, is there something else to be
>>> aware of?
>>>
>>> thanks!
>>>
>

--
Director @TetraLogical