Segment 2 web standards accessibility
1 / 28

Segment 2: Web Standards & Accessibility - PowerPoint PPT Presentation

  • Uploaded on

Segment 2: Web Standards & Accessibility. Ted Drake, Yahoo Accessibility Lab 7mary4. What does an Accessible Site Designed with Web Standards Look Like?. Topics. Features of an accessible site designed with Web Standards? Beyond the blind When web standards is not enough

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about ' Segment 2: Web Standards & Accessibility' - cahil

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Segment 2 web standards accessibility

Segment 2: Web Standards & Accessibility

Ted Drake, Yahoo Accessibility Lab

Topics Look Like?

  • Features of an accessible site designed with Web Standards?

  • Beyond the blind

  • When web standards is not enough

  • Mobile Users


Maybe Look Like?

  • Solid Look Like?

  • Versatile

  • Semantic Data

  • Device Independent

Static Look Like?

Dynamic Look Like?

New visual auditory concerns
New Visual & Auditory Concerns Look Like?

  • Expandable content

  • Editable text

  • Drag and Drop

  • Gestures

  • Closed Captions

  • Regularly updated content

  • Dialogue boxes

  • Keyboard focus control

Drag and drop
Drag and Drop Look Like?

Provide non-mouse alternative

Expandable content
Expandable Content Look Like?

  • Button for expand/contract

  • Place focus into expanded area

  • Tell user the container can be expanded

Live regions
Live Regions Look Like?

  • Define regions of the page that update automatically.

  • Should the screen reader user get a notification every time it changes?

Cognitive and physical concerns
Cognitive and Physical Concerns Look Like?

  • Memory loss

  • Different cognitive levels of understanding content.

  • What helps some will distract others

  • Dyslexia

  • Keyboard navigation

  • Voice recognition

Voice recognition
Voice Recognition Look Like?

  • Dragon Naturally Speaking

  • Images with text must have matching alt text.

  • Don’t autofocus form elements

  • Avoid multiple links to different URLs with the same text.

  • Avoid long sentences Look Like?

  • Avoid large blocks of text

  • Avoid justified alignment

  • Give the user white space

  • Dyslexie: font designed for dyslexia

New device same accessibility concerns

New Device Look Like?Same Accessibility Concerns

Iphone and ipad
iPhone and iPad Look Like?

  • Full featured VoiceOver

  • Safari browser supports HTML5, CSS3, JavaScript

  • Custom gestures will conflict with VoiceOver.

  • No Flash support

Android blackberry nokia
Android, Blackberry, Nokia Look Like?

  • Screen reader is available, but not as sophisticated as VoiceOver

  • Use clean, structural markup for better performance

  • Android’s browser is full featured. Blackberry and Nokia are not as robust.


Questions? Look Like?

Question mark in Esbjerg

Some rights reserved by alexanderdrachmann