WCAG 2 – bevrijding uit een keurslijf?

Al eerder gaf toegankelijkheidsgoeroe Joe Clark zijn ongezouten kritiek op de plannen van het WAI om met het voorstel voor toegankelijkheidsrichtlijnen WCAG 2 de wind eens uit een andere richting te laten waaien. Een tegenwind, zeg maar. De expliciete richtlijnen van WCAG 1 worden volgens de ‘final draft’ vervangen door een legobouwdoos waarmee je geheel naar eigen inzicht bepaalt aan welke toegankelijkheidsrichtlijnen jouw toren gaat voldoen.

Even if you comply with all three levels in WCAG 2, you may still end up with an inaccessible site.

De toegankelijke Ierse webbouwers van IQContent denken de reden van deze radicale omslag te weten:

There’s much argument about the process by which this happened – with whispers that it only really benefits big businesses, who can now crank out dodgy pages with impunity, and sell automated testing kits to measure things that can’t really be automated.

Mocht dit zo zijn, dan gaat het waarschijnlijk niet om die paar testtools, maar om de batterij gruwelijk ontoegankelijke CMS’en die ons ontwikkelproces verpest. Ik ken eigenlijk maar één toegankelijk CMS: QMS van Qontent.nl. Een slimme investeerder koopt dat bedrijfje op en is over twee jaar miljonair!

Op Forum@Accessibility.nl ben ik een discussie gestart om eens de mening van de profs te achterhalen.

Tags: , , , , , , ,

Conditional comments: greater than

‘s Avonds, in mijn schaarse vrije tijd, lees ik graag de bijvoegsels bij de drafts van nieuwe W3C-specificaties. Maar af en toe vind ik tijd om de broncode van willekeurige sites te bestuderen. Vandaag viel mij iets op in de code van de webrichtlijnen van de overheid.

Conditional comments worden gebruikt om specifieke IE-versies te vinden voor je CSS-code. Zo kun je een stylesheet maken die alleen werkt in IE6:

<!--[if IE 6]><link rel="stylesheet" href="my.css" type="text/css" />

Vandaag stuitte ik op de versie:

<!--[if gt IE 5]><link rel="stylesheet" href="my.css" type="text/css" />

Ook deze stylesheet werkt alleen in IE6. Maar als straks IE7 verschijnt, doet ie het nog steeds, en het is nadrukkelijk de vraag of je dat wel wilt. Conditional comments gebruik je om bepaalde onvolkomenheden van een browserversie op te vangen. En behalve wanneer je over een goed functionerende glazen bol beschikt, weet je niet wat de onvolkomenheden van IE7 (of IE8) zullen zijn.

Bij de CSS van de webrichtlijnen zullen er weliswaar geen explosies plaatsvinden, maar het gebruik van gt-syntax kan wel tot onverwachte situaties leiden en moet daarom denk ik altijd voorkomen worden.

Tags: , , ,

Delta Lloyd

Twee weken geleden is de nieuwe website van Delta Lloyd live gegaan. Een voor mij belangwekkende gebeurtenis, aangezien alle client-side code van mijn hand is. Delta Lloyd was een prettige klant om mee samen te werken, omdat ze op alle fronten hoge eisen stelden aan de website. Zo moest de site voldoen aan prioriteit 1 van de W3C richtlijnen en was SEO een belangrijk uitgangspunt.

Mijn HTML-templates valideren altijd als XHTML 1.0 Strict en het is goed om te zien dat – na door de mangel van een CMS gehaald te zijn – het meeste nog overeind staat op de livesite. Er waren wat omgevingsvariabelen die bepaalde zaken (met name formulieren) wat lastiger maakten. Tevens was het jammer dat het visueel design nog aan veranderingen onderhevig was, terwijl ik al lang met de HTML bezig was. De code is inmiddels bijna een jaar oud, en bepaalde zaken zou ik nu zeker anders doen, maar toch ben ik trots op wat er nu staat!

Gescheiden JavaScript (maar niet altijd?)

Stel je hebt een pagina met 100 linkjes die in een pop-up venster geopend moeten kunnen worden, dan zijn er (o.a.) deze twee opties:

<a href="popup.html" class="open-popup">linktitel</a>

en

<a href="popup.html" onclick="return openPopup(this.href)">linktitel</a>

Bij het eerste voorbeeld zou je op de volgende manier in de JavaScriptcode het onclick-event aan de anchor kunnen hangen:

function attachEvent() {
  var links = getElementsByClassName(document, "*", "open-popup");
  for (var i=0; i<links.length; i++) {
	links[i].onclick = function() {
	    openPopup(this.href);
	    return false;
	}
  }
}

Bij het tweede voorbeeld ben je meteen klaar. Stel dat je ook al gebruikt maakt van sIFR en andere JavaScript enhancement functionaliteiten, welke oplossing zou dan je voorkeur hebben?

Tags: ,

Web Accessibility: Web Standards and Regulatory Compliance

De vrienden van Ed kwamen afgelopen maand met een lijvig boek dat geheel gewijd is aan toegankelijkheid: Web Accessibility: Web Standards and Regulatory Compliance. Vriend Chris Heilmann schreef het hoofdstuk over JavaScript. Waarschijnlijk zeer de moeite van het lezen waard als we eindelijk eens een leuk projectje voor de overheid zouden doen. Ik wilde van het boek een sample chapter downloaden, maar kreeg een keiharde 404 voor de kiezen. Ik weet niet wat 508 daarover zegt, maar ik heb de Vrienden per email verwittigd en ben benieuwd hoe vriendelijk en snel zij reageren.

Tags: , , ,

IE7 komt in de automatische update van Windows XP

Wat een sensatie: op het blog van het ontwikkelteam van IE is bekend gemaakt dat Microsoft IE7 gaat uitrollen via de automatische update van Windows XP! Deze uitrol staat gepland voor het laatste kwartaal van 2006. Dit betekent dat we ergens in oktober, november 2006 zullen zien dat IE7 in één klap de populairste browser op het net is. Des te onvoorstelbaarder als je je bedenkt dat momenteel nog weinig websites getest zijn in IE7. Dat wordt een uitdagende D-day!

» IE7 to be distributed via Automatic Updates!

Tags: , , , ,

CSS Browser Selector

Leuk bedacht hoor, die op JavaScript gebaseerde CSS Browser Selector (tot mijn verrassing gepromoot door de Zijlijn). Maar wat is het nut ervan? Zelf zie ik geen directe connectie tussen CSS en JavaScript en vind ik dat beide technologieën onafhankelijk van elkaar op een webpagina moeten kunnen staan. Bovendien dacht dat ik dat code forking voltooid verleden tijd was. En tot slot houdt het script geen rekening met de verschillende browserversies. Kan iemand mij vertellen wat het nut zou kunnen zijn van de CSS Browser Selector?

Tags: , ,