@zoltandulac
@zoltandulac
Zoltan Hawryluk
Firefox, unlike every other browser on the planet, changes the way that keyboard navigation works in designs that use the CSS order property. Since a lot of developers use flexbox, this can create a lot of cross-browser accessibility issues. This article shows a fix for this problem using a small amount of Javascript.
| CARVIEW |
Select Language
HTTP/2 200
content-type: text/html; charset=UTF-8
x-ws-ratelimit-limit: 1000
x-ws-ratelimit-remaining: 999
date: Sat, 11 Oct 2025 12:51:00 GMT
server: Apache
x-powered-by: PHP/8.3.26
link: ; rel="alternate"; title="JSON"; type="application/json"
content-encoding: gzip
order
Skip to Main Content
Skip to Main Navigation
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With The CSS
User Agent Man ·
Discoveries of a Client Side Web Developer
Categories
Entries Tagged as 'order'
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With The CSS order Property
January 28th, 2017 by zoltan · 2 Comments
Tags: accessibility · CSS · flex-layout · order · Uncategorized
© 2009 - 2025 — Zoltan "Du Lac" Hawryluk