(Danish) Slides fra min WordCamp Danmark 2014 præsentation 25/5-2014

1. Tænk tilgængelighed og
brugervenlighed ind i
dine sites
Karen Mardahl
25 May 2014
#wpdk

2. Designer eller udvikler?
Dette oplæg er til jer!

3. Jeres website?
Det er ikke til dig!

4. “The power of the Web is in its
universality.Access by everyone
regardless of disability is an
essential aspect.”
Tim Berners-Lee,W3C Director and inventor of
the World Wide Web

5. Hvem er dine brugere?

6. CC by 2.0 Rosenfeldmedia på Flickr

7. CC by 2.0 Rosenfeldmedia på Flickr

8. CC by 2.0 Rosenfeldmedia på Flickr

9. “A Web for Everyone” - https://rosenfeldmedia.com/books/a-web-for-everyone/
CC by 2.0 Rosenfeldmedia på Flickr

10. BUSINE$$
http://www.w3.org/WAI/bcase/resources.html

11. Planlægning

12. BAD!
(http://www.w3.org/WAI/demos/bad/)

13. Gør det kun med
tastatur!
http://webaim.org/techniques/keyboard/

14. <alt>
http://dev.w3.org/html5/alt-techniques/

15. http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/

16. <title>
http://www.paciellogroup.com/blog/2010/11/using-the-html-title-attribute/

17. <title>
http://www.paciellogroup.com/blog/2010/11/using-the-html-title-attribute/

18. Overskrifter & Struktur

19. Lister:
<ol>
<ul>
<li>
(+ CSS)

20. Link tekst
“Klik her”
“Læs mere”
http://www.mardahl.dk/2010/11/22/i-dont-want-to-read-more-or-click-here/

21. Link tekst
“Klik her”
“Læs mere”
http://www.mardahl.dk/2010/11/22/i-dont-want-to-read-more-or-click-here/

22. • http://bookshop.europa.eu/is-bin/INTERSHOP.enfinity/WFS/EU-
Bookshop-Site/en_GB/-/EUR/ViewPublication-Start?
PublicationKey=HC3010536
“Skriv klart” x 23 sprog

23. TEKST
STØRRELSE
http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/

24. http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg

25. http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg

26. http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg / Protanopia.svg

27. http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg / Protanopia.svg / Gay_flag.svg

28. Farve & kontrast
http://www.snook.ca/technical/colour_contrast/colour.html

29. <autoplay=”autoplay”>

30. <autoplay=”autoplay”>

31. Undertekster
http://www.slideshare.net/kmardahl/technical-communication-and-inclusion-5347819

32. Mobile Matters Most
http://www.opera.com/developer/mobile-emulator

33. Evaluering med
http://wave.webaim.org/

34. http://www.w3.org/Translations/WCAG20-da/
1. Opfattelig
2. Anvendelig
3. Forståelig
4. Robust

35. http://make.wordpress.org/
accessibility/

36. http://www.coolfields.co.uk
and
https://www.joedolson.com
Gode tilgængelighedsressourcer for WordPress

37. Eksempel af virkelig dårlig CAPTCHA

38. ???
Karen Mardahl
@kmdk
mardahl.dk
about.me/kmdk