HTML5 & Webrichtlijnen 2

Post on 27-Jan-2015

108 views 2 download

description

 

Transcript of HTML5 & Webrichtlijnen 2

HTML5en Webrichtlijnen 2

Stephen Hay . Figi, Zeist . 20101210

HTML5Talk of the town

Webrichtlijnen 2Talk of the village

(Ook binnen de werkgroep)

Webrichtlijnen 2Talk of the village(Ook binnen de werkgroep)

HTML5 en Webrichtlijnen 2

Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (1)

Technologie-onafhankelijkeformuleringWij willen nieuwe technologieën kunnen gebruiken!

Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (2)

Focus op depraktijkUse cases uit de praktijk hebben een grote rol gespeeld...

Praktijkvoorbeeld 1: DOCTYPEs

<!DOCTYPE html>

Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)

Praktijkvoorbeeld 1: DOCTYPEs

<!DOCTYPE html>Veel flexibeler.

XML-syntax (of niet)Nieuwe HTML-elementen (of niet)

Praktijkvoorbeeld 1: DOCTYPEs

<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)

Nieuwe HTML-elementen (of niet)

Praktijkvoorbeeld 1: DOCTYPEs

<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)

Praktijkvoorbeeld 1: DOCTYPEs

Gebruik markup conformde betreffende specificatie

Gebruik elementen waarvoor ze bedoeld zijn

Praktijkvoorbeeld 1: DOCTYPEs

Gebruik markup conformde betreffende specificatieGebruik elementen waarvoor ze bedoeld zijn

Praktijkvoorbeeld 2: karaktercodering

<meta charset="utf-8">

Je voldoet nu (bijna) aan SC U.8.1

Praktijkvoorbeeld 2: karaktercodering

<meta charset="utf-8">Je voldoet nu (bijna) aan SC U.8.1

Progressiveenhancement

Praktijkvoorbeeld 3: video

http://ghinda.net/acornmediaplayer/

HTML5 is Lego allover again

Browsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen

HTML5 is Lego allover againBrowsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen

Praktijkvoorbeeld 3: video

http://dev.opera.com/articles/view/more-accessible-html5-video-player/

En de ontwikkelingen gaan door...

http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-track-element

En dat is een doel geworden vanWebrichtlijnen 2.We kunnen meegaan met nieuwe ontwikkelingen.

Betere kwaliteit en toegankelijkheid

Bedankt!Thank you!stephen@zerointerface.nl