Archive for February, 2004

Een duidelijke omschrijving op de startpagina

Grote bedrijven zondigen vaak tegen de vraag van usability guru Jacob Nielsen om een duidelijke omschrijving op hun startpagina te plaatsen. Iederen weet natuurlijk wat Microsoft of Shell doet, of niet soms?

Rond 1997 moest elke bedrijf een website bouwen. Niemand wou de boot missen en verschillende afdelingen gooiden alle brochures die ze nog hadden op het internet. Dit type website is niet meer dan een reclame brochure en werd pas aangeboden nadat je al klant was. De website werd immers als een extraatje beschouwt. Na al die moeite die de PR afdeling heeft genomen om dat onding in elkaar te boksen, werd de klant uitgenodigd om eens een kijkje te nemen op hun website. En verder niets.

In een situatie waarbij de klant via een zoekmachine op de site terecht komt, is het wel aangewezen om die omschrijving duidelijk bovenaan te plaatsen. Voor de overgang naar het nieuwe millennium was het haast onmogelijk om op zoek te gaan naar een firma op het internet. Er was in de eerste plaats niet veel te vinden en de zoekopties waren toen nog veel beperkter. Vandaag is dit echter wel een realistisch scenario.

Neem eens een kijkje op de homepage van Bayer. Wat doet deze firma?

Je moet al heel diep gaan om dan te weten te komen dat ze oa. medicijnen en chemicali�n produceren. Stel dat een blinde op zoek is naar informatie over de gevolgen van aspirine en op de site van Bayer terecht komt. Buiten het feit dat deze pagina niet voldoet aan de WAI aanbevelingen, komt hij of zij terecht op een pagina waar geen informatie op staat. Geen omschrijving, niets! Alleen maar verwijzingen naar beelden.

Bottom line: zorg ervoor dat er steeds een korte omschrijving aanwezig is. Maak gebruik van tekst en plaats deze bovenaan in een hoofding. Daardoor verhoog je de zichtbaarheid van je site bij zoekmachines, verwelkom je nieuwe klanten en zet je een stap in de richting van de WAI aanbevelingen.

Accessibility en smilies

Zoek de fout!

Bevat mijn vorige post een overtreding van de WAI aanbevelingen?

Yep. Er rats over gekeken.

«Smiley emoticons» vallen onder de noemer asci-art en de aanbevelingen eisen een omschrijving of een link naar een pagina met die omschrijving (LONGDESC).

“Dubbel punt streepje sluitend haakje” heeft niet echt veel betekenis als je het luidop voorleest.

Het gebruik van emoticons is de laatste tijd alsmaar groter geworden. De richtlijnen van het WAI verwijzen dan ook expliciet naar deze “tekeningen”. De richtlijnen vragen o.a. om het atribuut ALT of LONGDESC te gebruiken.

Daar geraken we niet ver mee omdat deze atributen niet toegelaten zijn voor eenvoudige tekst. Smilies zijn nog altijd leestekens die een speech browser kan aflezen, ondanks het feit dat ze betekenisloos zijn. De betekenis ligt in het beeld dat ze vormen. Overbodig om te vermelden dat een blinde het moeilijk heeft om dit beeld te vormen.

Dit is mijn oplossing:

:-)

Het TITLE atribuut is geldig voor 95% van de html tags. SPAN elementen zijn inline elementen en voegen dus geen extra lay-out informatie toe maar kunnen wel extra informatie bevatten. Smilies omringen met een SPAN tag en de omschrijving in het TITLE atribuut invullen is een eenvoudige oplossing.

De vraag is of de omschrijving “Classic smiley” betekenis heeft voor iemand die nog nooit zoiets gezien heeft. De omschrijvingen voor de verschillende emoticons die je vind op de ComputerUser High-Tech Dictionary zijn niet allemaal even duidelijk. Toch denk ik dat een volledige omschrijving van een smiley te veel zou zijn. Een eenvoudige TITLE toevoegen met een duidelijke verwoording van de emotie zou moeten voldoen.

Bijvoorbeeld:

  • (( )):**
  • :-o

Side-note: Zijn code-snippets toegankelijk?

Categories

About

My name is Len Dierickx and this is my personal blog. I studied Musicology at the UG, long time ago but got more and more into webdevelopment. I started this blog because the EuroIA summit in Brussels (Belgium, Oct 2005), was such an inspiration. And I was thinking about a blog on IA a while now, so that was the extra kick I needed to get it actually done.

Powered by WordPress