Personal Knowledge: Web/App Design from Accessibility Perspective

Léonie Watson - Design it like a Damn!
https://www.youtube.com/watch?v=vK1tlLOavvM

Personal Notes:

http://www.html5accessibility.com/

Motivation

Its not just for the disabled ones. Its for older version of you as a being who may loose 1 ability or the other and find the internet world suddenly difficult.

alt text is important

choose elements as per function and standard user interpretation

e.g. do not make a link if what you intended was a button

modern screen readers built in browsers provide keyboard shortcuts to navigate through website

elements like article, nav, header, footer etc are very important

take care of website semantics

alternative hierarchical model for assistive technologies.

label element foreign key hooking input type to label

<input type="checkbox" id="drink"/>

<label for="drink"> Tequila </label>

the screen reader will read Tequila and understand user's input when he says check the tequila checkbox.

semantically neutral elements like div, span must be carefully used

ARIA W3C standard - attributes that only change the semantics of a html element

<span role="button">

<span tabindex="0"> // order in which one can use tab key to browse the page