SlideShare a Scribd company logo
1 of 32
Download to read offline
~ Toegankelijk bouwen voor het web.
Agenda ,[object Object],[object Object],[object Object],[object Object]
~ Wat is toegankelijk bouwen?
[object Object]
Pro’s en Con’s ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
~ W3C richtlijnen
W3C Richtlijnen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Voor de volledige lijst  http://www.accessibility.nl/internet/richtlijnen/checklist ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Alternatieven voor video http://www.accessibility.nl/internet/artikelen/audiovideo#voorbeelden
Em’s i.p.v. pixels
Em’s i.p.v. pixels (2)
Maak gebruik van Headerstructuren goed fout
Alternatieven voor AJAX/Javascript
“ Watermark” beter dan lege inputs
Lever metadata (semantiek) Microformats (Metatags)
~ Webrichtlijnen van de Overheid
Webrichtlijnen van de overheid ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Voor de volledige lijst  http://www.webrichtlijnen.nl/richtlijnen/   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Webrichtlijnen van de overheid ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Voor de volledige lijst  http://www.webrichtlijnen.nl/richtlijnen/
Gebruik em, abbr, cite, dfn, ins, del, q
Betekenisvolle namen id’s/classes
Leesbare URL’s http://www.target.com/gp/detail.html/602-9912342-3046240? _encoding=UTF8&frombrowse=1&asin=B000FN0KWA fout http://www.nasa.gov/home/index.html?skipIntro=1 beter h ttp://web.mit.edu/is/usability/usability-guidel ines.htm goed
HTML volgorde van belangrijkheid
Geen CSS image replacement
Focus / outline niet verwijderen
Formulierdata uitleggen
Altijd UTF-8
Schalen van websites Internet Explorer 6
Absolute Don’ts ,[object Object],[object Object],[object Object],[object Object],[object Object]
De opdracht ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Voor vragen: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

Exercícios de Trigonometria Resolvidos
Exercícios de Trigonometria ResolvidosExercícios de Trigonometria Resolvidos
Exercícios de Trigonometria ResolvidosFlaber Bertochi
 
Ragtag leadership presentation - BarCamp Auckland 2010
Ragtag leadership presentation - BarCamp Auckland 2010Ragtag leadership presentation - BarCamp Auckland 2010
Ragtag leadership presentation - BarCamp Auckland 2010Simon Young
 
No Bragging and Nothing Boring: 11 Ways to Share Your Impact
No Bragging and Nothing Boring: 11 Ways to Share Your ImpactNo Bragging and Nothing Boring: 11 Ways to Share Your Impact
No Bragging and Nothing Boring: 11 Ways to Share Your ImpactKivi Leroux Miller
 
Opera mini use_and_user_behavior_white_paper
Opera mini use_and_user_behavior_white_paperOpera mini use_and_user_behavior_white_paper
Opera mini use_and_user_behavior_white_paperLiu Xing
 
C Moesunamujer
C MoesunamujerC Moesunamujer
C Moesunamujerjoanvinpa
 
Reaching Your Patrons in the Brave New World of the Social Web
Reaching Your Patrons in the Brave New World of the Social WebReaching Your Patrons in the Brave New World of the Social Web
Reaching Your Patrons in the Brave New World of the Social WebBobbi Newman
 
Failure Is Guaranteed: Internet Marketing's Greatest Strength
Failure Is Guaranteed: Internet Marketing's Greatest StrengthFailure Is Guaranteed: Internet Marketing's Greatest Strength
Failure Is Guaranteed: Internet Marketing's Greatest StrengthIan Lurie
 
Collaborative Work Spaces - Part 1
Collaborative Work Spaces - Part 1Collaborative Work Spaces - Part 1
Collaborative Work Spaces - Part 1Ben Ullman
 
Rod Johnson Cathedral
Rod Johnson CathedralRod Johnson Cathedral
Rod Johnson Cathedraldeimos
 
Un MóN De Sentiments
Un MóN De SentimentsUn MóN De Sentiments
Un MóN De Sentimentslalvar25
 
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaign
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaignThe Universe Problem: Poll results, Facebook and the 2012 Presidential campaign
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaignIan Lurie
 
Measuring Your Nonprofit Marketing Success
Measuring Your Nonprofit Marketing SuccessMeasuring Your Nonprofit Marketing Success
Measuring Your Nonprofit Marketing SuccessKivi Leroux Miller
 

Viewers also liked (20)

Riddles
RiddlesRiddles
Riddles
 
Exercícios de Trigonometria Resolvidos
Exercícios de Trigonometria ResolvidosExercícios de Trigonometria Resolvidos
Exercícios de Trigonometria Resolvidos
 
Ragtag leadership presentation - BarCamp Auckland 2010
Ragtag leadership presentation - BarCamp Auckland 2010Ragtag leadership presentation - BarCamp Auckland 2010
Ragtag leadership presentation - BarCamp Auckland 2010
 
No Bragging and Nothing Boring: 11 Ways to Share Your Impact
No Bragging and Nothing Boring: 11 Ways to Share Your ImpactNo Bragging and Nothing Boring: 11 Ways to Share Your Impact
No Bragging and Nothing Boring: 11 Ways to Share Your Impact
 
Noesmentira
NoesmentiraNoesmentira
Noesmentira
 
Luis Felipe Pacheco LLanes, Senior OCM
Luis Felipe Pacheco LLanes, Senior OCMLuis Felipe Pacheco LLanes, Senior OCM
Luis Felipe Pacheco LLanes, Senior OCM
 
Opera mini use_and_user_behavior_white_paper
Opera mini use_and_user_behavior_white_paperOpera mini use_and_user_behavior_white_paper
Opera mini use_and_user_behavior_white_paper
 
Mexican Design System
Mexican Design SystemMexican Design System
Mexican Design System
 
C Moesunamujer
C MoesunamujerC Moesunamujer
C Moesunamujer
 
Reaching Your Patrons in the Brave New World of the Social Web
Reaching Your Patrons in the Brave New World of the Social WebReaching Your Patrons in the Brave New World of the Social Web
Reaching Your Patrons in the Brave New World of the Social Web
 
Failure Is Guaranteed: Internet Marketing's Greatest Strength
Failure Is Guaranteed: Internet Marketing's Greatest StrengthFailure Is Guaranteed: Internet Marketing's Greatest Strength
Failure Is Guaranteed: Internet Marketing's Greatest Strength
 
Clocker Now and Next
Clocker Now and NextClocker Now and Next
Clocker Now and Next
 
Collaborative Work Spaces - Part 1
Collaborative Work Spaces - Part 1Collaborative Work Spaces - Part 1
Collaborative Work Spaces - Part 1
 
Rod Johnson Cathedral
Rod Johnson CathedralRod Johnson Cathedral
Rod Johnson Cathedral
 
Un MóN De Sentiments
Un MóN De SentimentsUn MóN De Sentiments
Un MóN De Sentiments
 
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaign
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaignThe Universe Problem: Poll results, Facebook and the 2012 Presidential campaign
The Universe Problem: Poll results, Facebook and the 2012 Presidential campaign
 
Interactive Marketing
Interactive MarketingInteractive Marketing
Interactive Marketing
 
Measuring Your Nonprofit Marketing Success
Measuring Your Nonprofit Marketing SuccessMeasuring Your Nonprofit Marketing Success
Measuring Your Nonprofit Marketing Success
 
Comenius
ComeniusComenius
Comenius
 
Comenius
ComeniusComenius
Comenius
 

Similar to Toegankelijkheid

Powerpoint Htmlcss
Powerpoint HtmlcssPowerpoint Htmlcss
Powerpoint HtmlcssHans Rossel
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internetkaatversele
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknetHans Rossel
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internet250491
 
Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1jaapvandeputte
 
Talk 02 html5-css3
Talk 02 html5-css3Talk 02 html5-css3
Talk 02 html5-css3Monkeyshot
 
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...SLBdiensten
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkelingEdwin Vlieg
 
Gastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptGastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptMilan van Bruggen
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspuntenMarc de Graauw
 
General Drupal presentation in Dutch
General Drupal  presentation in DutchGeneral Drupal  presentation in Dutch
General Drupal presentation in DutchRoel Meester
 
NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
 
Lucius Websystems Drupal Startersdag
Lucius Websystems Drupal StartersdagLucius Websystems Drupal Startersdag
Lucius Websystems Drupal StartersdagLuciuswebsystems
 
Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010Copernica BV
 
Schrijven voor het web
Schrijven voor het webSchrijven voor het web
Schrijven voor het webAqtion
 

Similar to Toegankelijkheid (20)

Powerpoint Htmlcss
Powerpoint HtmlcssPowerpoint Htmlcss
Powerpoint Htmlcss
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internet
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknet
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internet
 
Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1
 
Talk 02 html5-css3
Talk 02 html5-css3Talk 02 html5-css3
Talk 02 html5-css3
 
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
 
HTML 5 en CSS 3
HTML 5 en CSS 3HTML 5 en CSS 3
HTML 5 en CSS 3
 
HTML5 Overview
HTML5 OverviewHTML5 Overview
HTML5 Overview
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkeling
 
Refresher HTML(5) and CSS(3) - CC FE & UX
Refresher HTML(5) and CSS(3) - CC FE & UXRefresher HTML(5) and CSS(3) - CC FE & UX
Refresher HTML(5) and CSS(3) - CC FE & UX
 
Gastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptGastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScript
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspunten
 
General Drupal presentation in Dutch
General Drupal  presentation in DutchGeneral Drupal  presentation in Dutch
General Drupal presentation in Dutch
 
HTML5 (Dutch)
HTML5 (Dutch)HTML5 (Dutch)
HTML5 (Dutch)
 
NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)
 
Lucius Websystems Drupal Startersdag
Lucius Websystems Drupal StartersdagLucius Websystems Drupal Startersdag
Lucius Websystems Drupal Startersdag
 
Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010
 
Prosite Webinar 2010
Prosite Webinar 2010Prosite Webinar 2010
Prosite Webinar 2010
 
Schrijven voor het web
Schrijven voor het webSchrijven voor het web
Schrijven voor het web
 

Toegankelijkheid