Skip to content

Commit 7d51dd4

Browse files
committed
spec/css3-flexbox/accessibility: edited
1 parent bb8e141 commit 7d51dd4

1 file changed

Lines changed: 6 additions & 0 deletions

File tree

spec/css3-flexbox/accessibility.txt

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,12 @@ box 1, box 2, box 3
3535

3636
**Problem:** The visual order (Box Tree) is now opposite the DOM order and subsequently, the Tab Order and Screen Reader order
3737

38+
===== The Holy Grail web layout =====
39+
The holy grail web layout is mentioned in WCAG as following success criteria regardless of tab order because the sequence of the containers (header, footer, nav, main, sidebar) do not have meaning. This assumption by WCAG is also under review as it is apparent that if an author must start a tab order in the middle of the sequence, it has some sort of meaning.
40+
41+
The holy grail layout is mentioned in example 7 of the Flexbox spec, acting as the go-to example of tab order not following visual order.
42+
43+
3844

3945
===== The Power of Flexbox for Designers and Front-end Devs =====
4046
Outside of the intended use for Flexbox to create a "Holy Grail" web page layout, teams are finding powerful ways to use Flexbox so that they don't have to update code for all changes. This saves time and effort and also creates a much faster user experience in lieu of slow Javascript DOM-changing.

0 commit comments

Comments
 (0)