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

480 views
442 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
480
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • “Blindenzijnnietmijndoelgroep.” Nee,vanzelfsprekend, tenzij je blindegeleidehondenfokt. Maar bewerendatmensen met eenbeperkinggeendeeluitmaken van je doelgroep, is gewoonjezelfvoor de gekhouden.
  • Maarook het bedrijfslevenbegint het belang in tezien
  • Hoeveelmensen in Kameroenweten hoe de Fransevlageruitziet?
  • 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

    ×