access all areas @ metarefresh bangalore 2016
Post on 09-Jan-2017
146 Views
Preview:
TRANSCRIPT
M E TA R E F R E S H • B A N G A L O R E • 1 7 S E P T E M B E R 2 0 1 6
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
http://cliener.tumblr.com/
http://jltiui.azurewebsites.net/
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
Make It Obvious
Keyboard Access
var code = event.key;
var code = event.key || event.charCode;
var code = event.key || event.charCode || event.keyCode;
case "ArrowDown"://W3C stringcase "Down"://non-standard stringcase 40://character code
Go With the Flow
@clienercliener.tumblr.com
slideshare.net/cliener
top related