Flexbox a11y test
Check how accessibility is implemented in browsers and screenreaders when flexbox with the CSS-property order is used.
Flexbox unordered items
Flexbox with items in different visible order
Keyboard order
| Browser |
Chrome |
Firefox |
IE |
Opera |
| Tab order |
1 - 2 - 3 |
2 - 3 - 1 |
1 - 2 - 3 |
1 - 2 - 3 |
Screenreader heading order
| Browser |
Chrome |
Firefox |
IE |
Opera |
| Heading order |
1 - 2 - 3 |
1 - 2 - 3 |
1 - 2 - 3 |
n/a |
Screenreader read order
| Browser |
Chrome |
Firefox |
IE |
Opera |
| Read order |
1 - 2 - 3 |
1 - 2 - 3 |
1 - 2 - 3 |
1 - 2 - 3 |
Background information
- Test date: 10-10-2015
- Browser versions (all Windows)
- Chrome 45
- Firefox 41
- Internet Explorer 11
- Opera 32
- Screen reader: NVDA 2015.2
- Can I Use: flexbox
