the wordpress accessibility-ready tag, why and how
TRANSCRIPT
accessibility-ready
Take your theme to the next level
Rian Rietveld rianrietveld
WordCamp Europe 2015
Who is over 50
Can you read this
Awesome stylish footer text
Very classy colours on my Retina iMac 27 inch
Contrast matters
Who is colour blind
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Who is over 50
Can you read this
Awesome stylish footer text
Very classy colours on my Retina iMac 27 inch
Contrast matters
Who is colour blind
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Can you read this
Awesome stylish footer text
Very classy colours on my Retina iMac 27 inch
Contrast matters
Who is colour blind
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Contrast matters
Who is colour blind
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Who is colour blind
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Spot the links
bull You can buy our gadgets online
bull Contact our customer service
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
DONrsquoTMAKEME
GUESS
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Who has trouble hearing
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Video
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Subtitles
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Provide an alternative
bull subtitles
bull alt text
bull description
bull link to extra info
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Amanda Rush cswordpress
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Read more hellip
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
lta href=urlgt Read more ltagt
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
lta href=urlgtRead more
ltspan class=screen-reader-textgt about cute kittens ltspangt
ltagt
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
CSS in stylecss
screen-reader-text clip rect(1px 1px 1px 1px) position absoluteimportant height 1px width 1px overflow hidden
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Let the headings tell a story
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
One H1 too rule them all
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Divide your content and structure with meaningful headings like a book
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
bull Title attribute on links
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
bull Title attribute on links bull Positive tabindex
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
bull Title attribute on links bull Positive tabindex bull Accesskey
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
bull Title attribute on links bull Positive tabindex bull Accesskey
Must die()
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Life without a mouse
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Can I use everything with keyboard only
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
use focus with hover
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Forms
input lt3 label
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
for needs id
ltlabel for=rdquoyouridrdquogtNameltlabelgt
ltinput name=rdquonamerdquo type=rdquotextrdquo value=rdquordquo id=rdquoyouridrdquogt
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Placeholders are not labels
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Lean back and ask yourself 4 questions hellip
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
1Is all content
available
for everyone
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
2Can a visitor
use
all functionality
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
3Can a visitor
understand
all content
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
DONrsquoTMAKEME
GUESS
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
4Does my site
work
on every device
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
bull makewordpressorgaccessibility
bull Requirements for the accessibility-ready tag
bull Theme Developer Handbook Accessibility explained
bull Code patterns on GitHub
bull Rians blog
How do I do that
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
How do I test that
bullvalidatorw3org
bullput aside the mouse
bullturn of the stylesheet
bullmakewordpressorgaccessibilityuseful-tools
bulltenonio
bullWAVE Evaluation Tool
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
be awesome
be inclusive
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)
Creditsbull Photo old man Marco Nedermeijer httpswwwflickrcomphotosmnedermeijer
bull Reading child Susana Fernandez httpswwwflickrcomphotossusivinh
bull Double rainbow Gordon Robertson httpswwwflickrcomphotosgordon_robertson
bull Mouse Duncan Hull httpswwwflickrcomphotosdullhunk
bull Twist Thomas Leth-Olsen httpswwwflickrcomphotosthomasletholsen
bull Deaf Washed Out httpswwwflickrcomphotosblikeng
bull Embraced by Words Robbert van der Steeg httpswwwflickrcomphotosrobbie73
bull School Book Al Ibrahim httpswwwflickrcomphotoscrazysphinx
bull Form OpenClips-30363 httppixabaycom
bull Quote ldquobe awesome be inclusiverdquo by Meri Williams (geek_manager)