I don’t know if it is all right, to make a fresh post … \ud83d\ude42<\/p>\n
A little late but finally ready: test cases for CSS flex box layout and its accessibility issues.<\/p>\n
http:\/\/sprungmarker.de\/wp-content\/uploads\/css-a11y-group\/css-a11y-flexbox.html<\/a><\/p>\n As expected flex box possibilities to change content order is critical to keyboard users.<\/p>\n All browser and screen reader use for keyboard use source code order<\/em> and not visual content order<\/em> generated with CSS.<\/p>\n This can be quite confusing and depends on use case of reordering content. At worst it can be more like a zigzag on the page.<\/p>\n Only current Firefox is using visual order in old flex box specification and ordinal-group.<\/p>\n New spec is hard to test because only chrome is supporting it. Internet Explorer 10 and some versions of Webkit nightly do too. So I have to keep an eye on development and update test cases when browser get more along with the new spec.<\/p>\n Also we have to consider that browser and screen reader might adapt on visual content flux with flex box. No one knows.<\/p>\n I will keep test case updated.<\/p>\n Sylvia<\/p>\n Update:<\/strong><\/p>\n I have updated the test cases to the new standard spec of flex box. Tests are now also on documented for mobile – iOS and Android. And as for today for IE 11, which is supporting new standard spec out of the box.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" I don’t know if it is all right, to make a fresh post … \ud83d\ude42 A little late but finally ready: test cases for CSS flex box layout and its accessibility issues. http:\/\/sprungmarker.de\/wp-content\/uploads\/css-a11y-group\/css-a11y-flexbox.html As expected flex box possibilities to change … Continue reading