SlideShare a Scribd company logo
1 of 32
~ 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 Resolvidos
Flaber Bertochi
 
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
Liu Xing
 
C Moesunamujer
C MoesunamujerC Moesunamujer
C Moesunamujer
joanvinpa
 
Rod Johnson Cathedral
Rod Johnson CathedralRod Johnson Cathedral
Rod Johnson Cathedral
deimos
 
Un MóN De Sentiments
Un MóN De SentimentsUn MóN De Sentiments
Un MóN De Sentiments
lalvar25
 

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 Htmlcss
Hans Rossel
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internet
kaatversele
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknet
Hans Rossel
 
Ict2 trm- werking internet
Ict2 trm- werking internetIct2 trm- werking internet
Ict2 trm- werking internet
250491
 
Talk 02 html5-css3
Talk 02 html5-css3Talk 02 html5-css3
Talk 02 html5-css3
Monkeyshot
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspunten
Marc de Graauw
 
Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010Copernica programmeurstraining DMSummit 2010
Copernica programmeurstraining DMSummit 2010
Copernica BV
 

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