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.

Accessible Javascript - Barcamp Brighton 2

2,226 views

Published on

A quick overview about how to make Javascript Accessible. Held at Barcamp Brighton 2

Published in: Education, Technology, Design
  • Be the first to comment

Accessible Javascript - Barcamp Brighton 2

  1. 1. Accessible
Javascript
 Not
Vodoo
–
not
much
 Dirk
Ginader
 Barcamp
Brighton
2
 h>p://blog.ginader.de

  2. 2. SemanCc
Markup
 •  Markup
your
Content
to
make
it
work
by
itself
 •  Think
about
every
element
and
its
Role
 – Have
you
really
found
a
new
Use
for
DL?
;‐)

  3. 3. Serverside
InteracCon
 •  Everything
you
want
to
do
using
Javascript
 Magic
you
first
have
to
solve
without
 •  Think
what
you
can
do
with
Page
reloads
(yes
I
 know
they’re
not
the
cool
Kids
anymore…)

  4. 4. Progressive
Enhancement
 •  Everybody
should
have
heard
about
this
by
 now.
Do
you?
 •  When
everything
works
start
adding
Magic
 •  Hijack
ExisCng
Elements
and
add
new
 FuncConality
 •  Add
new
Controls
for
Javascript
only



  5. 5. CSS
 •  Pay
A>enCon
what
you
hide,
how
and
when
 •  Display:none
and
visibility:hidden

are
not
 generally
useless
or
evil
but
o_en

  6. 6. Update
and
Inform
 •  (Most)
Screen
Readers
know
Javascript
 •  Most
of
the
Stuff
actually
works,
they
just
 don’t
know
 •  Make
them
know
something
changed
by
 seang
the
focus()
 •  Use
a
hidden
Form
Element
to
force
the
 Screen
Reader
rebuild
its
Virtual
Buffer

  7. 7. Not
Only
Screen
Readers
 •  Think
about
Keyboard
only
Users
 •  Tab
your
App.
Does
it
work?
 •  Do
hidden
Elements
Show
on
focus?

  8. 8. Good
Ressources
 h>p://www.isolani.co.uk/blog/
 h>p://www.accessibilityCps.com/
 h>p://juicystudio.com/
 h>p://learningtheworld.eu/
 h>p://uk.tv.yahoo.com/
(The
Search
on
the
 upper
right
was
used
for
the
Example)


×