C S S C O N F A S I A • S I N G A P O R E • 2 4 N O V E M B E R 2 0 1 6
http://cliener.tumblr.com/
http://jltiui.azurewebsites.net/
Equitable
EquitableFlexible
EquitableFlexible
Simple and intuitive
EquitableFlexible
Simple and intuitivePerceptible
EquitableFlexible
Simple and intuitivePerceptible
Tolerant
EquitableFlexible
Simple and intuitivePerceptible
TolerantLow effort
EquitableFlexible
Simple and intuitivePerceptible
TolerantLow effort
Right size and space
No Dependencies
ARIA Roles
.g-tab__tab { …}
.g-tab__tab--selected { …}
.g-tab__tab { …}
.g-tab__tab[aria-selected="true"] { …}
associatedTab.parentElement. setAttribute("aria-selected", "true");
[aria-hidden="true"] { display: none;}
.class-name[aria-hidden="true"] { display: none;}
Make It Obvious
Make It Obvious
Make It Obvious
Keyboard Access
Go With the Flow
@clienercliener.tumblr.com
slideshare.net/cliener