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

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

402

Published on

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

No Downloads
Views
Total Views
402
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?
  • Transcript of "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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×