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.

CMD Interaction Design - Y2 Q2 les 7 - Accessibility Design 1

537 views

Published on

Published in: Design
  • Be the first to comment

CMD Interaction Design - Y2 Q2 les 7 - Accessibility Design 1

  1. 1. 
  2. 2. Wat levert het op?
  3. 3. 28% 15%55+ 65+
  4. 4. Wegwijs in het lingo
  5. 5. • ••• •• • •
  6. 6. De basisprincipes
  7. 7. 
  8. 8. Uitzondering: Decoratieve afbeeldingen
  9. 9. Alt=“De Amsterdamse grachten lagenvol bootjes met oranje feestvierders”
  10. 10. Alt=“Foto van Arnold Schwarzenegger”
  11. 11. Alt=“Doe nu in 2 minuten de Spaartest (advertentie SNS Bank)”
  12. 12. <a href=“/” title=“Ga naar homepage shell.nl”> <img src=“logo.png” alt=“Shell logo” /></a>
  13. 13. Alt=“”
  14. 14.  Ondertiteling Audiobeschrijving Transcriptie
  15. 15. http://www.rijksoverheid.nl/documenten-en-publicaties/videos/2011/04/19/wekelijks-gesprek-rtlz-19-april-
  16. 16.  Geen html-elementen voor visuele trucjes Niet alleen kleur, vorm, omvang, locatie of geluid
  17. 17. ••••••
  18. 18. De paginatitel ParagraaftitelAlinea in de paragraaf Subparagrafen komen ook voorAlinea in de subparagraaf
  19. 19. De paginatitel ParagraaftitelAlinea in de paragraaf Subparagrafen komen ook voorAlinea in de subparagraaf
  20. 20. <th scope=“col”> <th scope=“col”> <th scope=“col”>product </th> maart </th> april </th><th scope=“row”> <td> 240 </td> <td> 287 </td>soep </th><th scope=“row”> <td> 582 </td> <td> 479 </td>patat </th>
  21. 21.  Genoeg contrast tussen tekst en achtergrond Tekst schalen
  22. 22.  Komt de cursor overal? Ook in Google Maps en de videospeler? Is de tabvolgorde logisch?
  23. 23. Controle over: Tijdslimieten Bewegende, knipperende, scrollende of automatisch actualiserende content
  24. 24.  Geen snelle flitsen
  25. 25.  ‘Skip’-links en ‘anker’-links Beschrijvende titels en links Alternatieve routes
  26. 26. <a href=“pagina.html” title=“Eerste Kamer verwerpt milieuwet”> </a>
  27. 27. http://www.den-dopper.com/2007/09/27/effectiever-hyperlinken-vertrouwen-is-te- ontwerpen-deel-3/
  28. 28. Als ontwerper begin je het liefst met het ideaalplaatje. Dat isvolkomen logisch en prima. Maar vraag jezelf als ontwerper regelmatig af: “Is dit zotoegankelijk voor iedereen?” Zo niet, in welke vorm dan wel?
  29. 29.  Taal en taalwissels Afkortingen Moeilijke begrippen Taalniveau B1 (meestal)
  30. 30.  Geen onverwachte contextwijzigingen Consequente navigatie en functionaliteiten
  31. 31.  Gebruik strikte specificaties (bv. XHTML 1.0 strict) Gebruik geen ‘depricated’ elementen (bv. font)
  32. 32.  Houd structuur en vormgeving zoveel mogelijk gescheiden Maak de vindbaarheid en bruikbaarheid van content niet afhankelijk van scripts en plugins.
  33. 33.  Directory-structuur Geen sessies Doorverwijzen bij verplaatste content Canonical URI’s
  34. 34. 
  35. 35. Welke website is toegankelijker?www.rotterdam.nl of www.delft.nl ?Beoordeel de toegankelijkheid volgens de 14principes.
  36. 36. f.den.dopper@hr.nl@ferrydendopper

×