Recap Principal 1, 2 & 3

RecapPrincipal 1, 2 & 3 iAccessible.org

Principal 1 - Perceivable • Text Alternative • alt text (Images, Graphs) • Image as input control (Name need to be given) • CAPTCHA or MAPTCHA • Time based Media (pre recorded) • Audio and video Captions • Adaptable • Info and relationships (label placement) • Meaningful sequence (tab order) • Sensory Characteristics (identifying content using shape or location)

Principal 1 - Perceivable • Distinguishable (background vs foreground) • Use of color (red color as invalid input) • Audio Control (if music play automatically) • Contrast (4.5 : 1)

Principal 2 - Operable • Keyboard Accessible (tabindex, Inaccessible vs. Accessible Drag & Drop live example) • Enough Time to read and use content • Control time (time off, adjust, extend) • Pause, stop, hide (Marquee) • Seizures (flashes) • Navigable (Easy navigation, find content easily) • Bypass block (skip to main) • Page title • Focus Order • Link purpose (Click here)

Principal 3 - Understandable • Readable (thru screen reader – multi lingual) • Language of page and part • Predictable (predicable web page) • On focus : change the context (submit button) • On Input : change the context (submit button) • Input Assistance (Help user to avoid or correct) • Error identification • Label of instruction (descriptive label and format)

Guideline 4robust iAccessible.org

Guideline 4.1: AT Friendly content • Parsing – well formed markup • What is well form? • Demo wrong html • Name, Role and Value – need to be programmatically determined

Use Appropriate Markup • Use Semantic markup • CSS vs HTML table for layout • ul and li tags for listing instead of tables • Navigation – better to group as ul rather than links

Testing Tools iAccessible.org

Testing Tools • XHTML Validator • WAVE toolbar (rti.gov.in) • Icon keys • Errors • Structure and Order • Text Only • Outline • Color contrast check

Exercise – Test Own Application

Recap Principal 1, 2 & 3