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;}

https://goo.gl/3jbVtB

https://goo.gl/wk2vGf

https://goo.gl/qBDe25

https://goo.gl/kQKGPG

Make It Obvious

Make It Obvious

Make It Obvious

https://goo.gl/2n5KiR

http://goo.gl/vS9CYV

http://goo.gl/DcUhGP

http://goo.gl/C5aaQ8

Keyboard Access

https://goo.gl/OeaKdo

https://goo.gl/dshqVF

Go With the Flow

http://codepen.io/cliener/pen/yeoJjG

@clienercliener.tumblr.com

slideshare.net/cliener