WEB ACCESSIBILITY Beyond Large Fonts

WHO I AM?

twitter: _khabibullina

github: akhabibullina

twitter: da14_team

website: http://da-14.com/

PROBLEM Audience

AUDIENCE

TRY IT

Blur, https://www.nei.nih.gov/health/examples

Diabetic Retinopathy

Glaucoma

Age-Related

Macular Degeneration

Glaucoma

http://goo.gl/GT8xPr

http://goo.gl/UAXtnShttp://goo.gl/KSnQ9h

http://goo.gl/Wi6Jr2

Cataracts

ACCESSIBILITY?

Scary sound: http://goo.gl/dC9PIJ

ACCESSIBILITY

Web accessibility means that people with

disabilities can use the Web

http://www.w3.org/WAI/intro/accessibility.php

ASSISTIVE TECHNOLOGY PRODUCTS

1. Screen enlargers, or screen magnifiers

2. Speech / voice recognition programs

3. Refreshable Braille displays

4. ETC

http://www.microsoft.com/enable/at/types.aspx

BRAILLE

http://en.wikipedia.org/wiki/Braille

MAKING WEB ACCESSIBLE Closing the gap

LARGE FONTS. UMM...

CONTRAST. UMM...

http://akhabibullina.github.io/invert/

GOOD DESIGN: COMMON SENSE

GOOD DESIGN: ZOOM

MAKING WEB ACCESSIBLE

Web Accessibility Initiative (WAI)

http://www.w3.org/WAI/

MAKING YOUR WEBSITEACCESSIBLE

Understanding Web Content Accessibility Guidelines (WCAG) 2.0

http://goo.gl/RuQr56

http://goo.gl/a88Fnc

http://goo.gl/kX3e2M

http://goo.gl/pdVyQW

http://goo.gl/5Uba6E

Accessible Rich Internet Applications (ARIA)

DEMO LIKE A PRO

http://test.cita.illinois.edu/aria/checkbox/checkbox2.php

http://conference.uawebchallenge.com/ua.html

CHECK YOUR WORK

Web Accessibility Evaluation Tools List: http://www.w3.org/WAI/ER/tools/

Web Accessibility Toolbar: http://www.paciellogroup.com/resources/wat/

Technology Tools:

http://www.section508.gov/technology-tools

CONSIDER DIFFERENT PERSPECTIVES