segment 2 web standards accessibility
Download
Skip this Video
Download Presentation
Segment 2: Web Standards & Accessibility

Loading in 2 Seconds...

play fullscreen
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
  • Features of an accessible site designed with Web Standards?
  • Beyond the blind
  • When web standards is not enough
  • Mobile Users
slide12

Solid

  • Versatile
  • Semantic Data
  • Device Independent
new visual auditory concerns
New Visual & Auditory Concerns
  • Expandable content
  • Editable text
  • Drag and Drop
  • Gestures
  • Closed Captions
  • Regularly updated content
  • Dialogue boxes
  • Keyboard focus control
drag and drop
Drag and Drop

Provide non-mouse alternative

expandable content
Expandable Content
  • Button for expand/contract
  • Place focus into expanded area
  • Tell user the container can be expanded
live regions
Live Regions
  • 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
  • Memory loss
  • Different cognitive levels of understanding content.
  • What helps some will distract others
  • Dyslexia
  • Keyboard navigation
  • Voice recognition
voice recognition
Voice Recognition
  • 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.
slide23

Avoid long sentences

  • Avoid large blocks of text
  • Avoid justified alignment
  • Give the user white space
  • Dyslexie: font designed for dyslexia
iphone and ipad
iPhone and iPad
  • Full featured VoiceOver
  • Safari browser supports HTML5, CSS3, JavaScript
  • Custom gestures will conflict with VoiceOver.
  • No Flash support
android blackberry nokia
Android, Blackberry, Nokia
  • 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?

Question mark in Esbjerg

Some rights reserved by alexanderdrachmann

ad