Basic layout. Tabindex="0" added to each pane to test for tab order matching source code order. Tab order should be: left, right, top, middle/main, bottom
Χ | ▼ |
Advanced layout. Tabindex="0" added to each pane to test for tab order matching source code order. Tab order should be: left, top, bottom, inner left, inner middle, inner right. This is not an ideal tab order. See below to use nested layout containers to achieve a tab order which matches presentation and source code order.
Χ | ▼ |
Advanced layout with nested containers. Tabindex="0" added to content panes to show tab order. Order should be: left, top, inner left, inner middle, inner right, bottom. This is the preferred tab order for this type of layout.
Χ | ▼ |
Goofy spiral layout. Match of source code order to tab order can not be achieved with this type of layout.
Χ | ▼ |