Weitere ähnliche Inhalte Mehr von Rian Rietveld (15) Kürzlich hochgeladen (20) WordCamp Milano: Web Accessibility, where to start 7. • Project manager
• Information architect
• Designer
• Frontend developer
• Backend developer
8. • Project manager
• Information architect
• Designer
• Frontend developer
• Backend developer
• Content manager
12. In this talk
• what not to do
• tips for everyone involved
• design and code example
13. In this talk
• what not to do
• tips for everyone involved
• design and code example
• but most of all…
15. What not to do
Check the accessibility at the end,
just going before online
16. What not to do
Add a bunch accessibility plugins
and hope for the best
24. You are a high end user
but your visitors not
25. You are a high end user
but your visitors not
Don’t create a website
for yourself
28. Start project
• include accessibility from the beginning
• train your people and yourself
• it is part of the project, like responsive design
35. Not by colour alone
I'm gonna make you an offer you can't refuse
I'm gonna make you an offer you can't refuse
I'm gonna make you an offer you can't refuse
60. Read more …
<a href=“link-to-post“>
Read more
<span class=“screen-reader-text“>about cute kittens</span>
</a>
67. If an image is purely decorative:
add it to the CSS as background image
68. If an image is purely
decorative,and part
of the content:
add an empty alt
<img src=“img-url” alt=“” />
69. If an image is giving
information:
use a short
describing alt text
<img src=“img-url” alt=“cute kitten” />
71. for needs id
<label for=”yourid”>Name</label>
<input name=”name” type=”text” value=”” id=”yourid”>
74. aXe by Deque Labs
Chrome plugin
github.com/dequelabs/axe-core