Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Standards, HTML 5 & Accessibility - What makes a site accessible today?

1,578 views

Published on

With HTML5, the web is evolving from a browser/document-based experience to a desktop-like application accessed on multiple devices. What does HTML5 mean for Web accessibility? Is accessibility compromised or enhanced with this new standard? This session will review promising new features in HTML5 that promote accessibility and discuss possible challenges ahead and advice for ensuring HTML5 accessibility.

Published in: Technology, Design
  • These are one of the best companies for review articles. High quality with cheap rates. ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ I highly recommend it :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • A professional Paper writing services can alleviate your stress in writing a successful paper and take the pressure off you to hand it in on time. Check out, please ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • To get professional research papers you must go for experts like ⇒ www.WritePaper.info ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You can hardly find a student who enjoys writing a college papers. Among all the other tasks they get assigned in college, writing essays is one of the most difficult assignments. Fortunately for students, there are many offers nowadays which help to make this process easier. The best service which can help you is ⇒ www.WritePaper.info ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Web Standards, HTML 5 & Accessibility - What makes a site accessible today?

  1. 1. Segment
2:
Web
Standards
&
Accessibility Ted
Drake,
Yahoo
Accessibility
Lab Slideshare.net/7mary4
  2. 2. What
does
an
Accessible
Site
Designed
with
Web
Standards
 Look
Like?

  3. 3. Topics• Features
of
an
accessible
site
designed
with
 Web
Standards?• Beyond
the
blind• When
web
standards
is
not
enough• Mobile
Users
  4. 4. Is
your
standards‐based
web
site
 accessible?
  5. 5. Maybe
  6. 6. Web
Standards
 FoundaHon
  7. 7. • Solid• VersaHle• SemanHc
Data• Device
Independent
  8. 8. StaHc
  9. 9. Dynamic
  10. 10. New
Visual
&
Auditory
Concerns• Expandable
content• Editable
text• Drag
and
Drop• Gestures• Closed
CapHons• Regularly
updated
content• Dialogue
boxes• Keyboard
focus
control
  11. 11. Drag
and
DropProvide
non‐mouse
alternaHve
  12. 12. Expandable
Content
• BuTon
for
expand/contract• Place
focus
into
expanded
area• Tell
user
the
container
can
be
 expanded
  13. 13. Video
Accessibility
  14. 14. Live
Regions• Define
regions
of
the
page
that
update
 automaHcally.• Should
the
screen
reader
user
get
a
 noHficaHon
every
Hme
it
changes?
  15. 15. CogniHve
and
Physical
Concerns• Memory
loss• Different
cogniHve
levels
of
understanding
 content.• What
helps
some
will
distract
others• Dyslexia• Keyboard
navigaHon• Voice
recogniHon
  16. 16. Voice
RecogniHon• Dragon
Naturally
Speaking• Images
with
text
must
have
matching
alt
text.• Don’t
autofocus
form
elements• Avoid
mulHple
links
to
different
URLs
with
the
 same
text.
  17. 17. Keyboard
NavigaHon
  18. 18. • Avoid
long
sentences• Avoid
large
blocks
of
text• Avoid
jusHfied
alignment• Give
the
user
white
space• Dyslexie:
font
designed
for
dyslexia
  19. 19. Mobile
Browsers
and
Accessibility
  20. 20. New
DeviceSame
Accessibility
Concerns
  21. 21. iPhone
and
iPad• Full
featured
VoiceOver• Safari
browser
supports
HTML5,
CSS3,
 JavaScript• Custom
gestures
will
 conflict
with
 VoiceOver.• No
Flash
support

  22. 22. Android,
Blackberry,
Nokia• Screen
reader
is
available,
but
not
as
 sophisHcated
as
VoiceOver• Use
clean,
structural
markup
for
beTer
 performance• Android’s
browser
is
full
featured.
Blackberry
 and
Nokia
are
not
as
robust.
  23. 23. QuesHons?Ques@on
mark
in
EsbjergSome
rights
reserved
by
alexanderdrachmann

×