Segment 2 web standards accessibility
Download
1 / 28

Segment 2: Web Standards & Accessibility - PowerPoint PPT Presentation


  • 100 Views
  • Uploaded on

Segment 2: Web Standards & Accessibility. Ted Drake, Yahoo Accessibility Lab Slideshare.net/ 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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
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

Slideshare.net/7mary4



Topics
Topics Look Like?

  • Features of an accessible site designed with Web Standards?

  • Beyond the blind

  • When web standards is not enough

  • Mobile Users



Maybe

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

Questions? Look Like?

Question mark in Esbjerg

Some rights reserved by alexanderdrachmann


ad