In deze nieuwsbrief
Liefst zes websites verdienden de voorbije weken het label. Daarnaast vind je in deze tiende nieuwsbrief het relaas van een softwareproject, een nieuwe tip voor webontwikkelaars en een overzicht met de weblogberichten van de afgelopen maand. En als je FeWeb-lid bent of werkt voor de Vlaamse overheid, nodigen we je graag uit voor een gratis infosessie of cursusdag.
Vorige edities van de nieuwsbrief vind je hier:
- Nieuwsbrief april 2007
- Nieuwsbrief maart 2007
- Nieuwsbrief februari 2007
- Nieuwsbrief januari 2007
- Archief 2006
Suggesties en opmerkingen zijn welkom bij Roel Van Gils.
Nieuwe toegankelijke websites
Tijdens de voorbije weken behaalden zes websites het AnySurferlabel. We lichten ze hieronder toe.
Wetenschapsinformatienetwerk
Het Wetenschapsinformatienetwerk (WIN) is een initiatief van de Vlaamse overheid dat de popularisering van wetenschappen, techniek en technologische innovatie wil bevorderen. Op de website vindt u informatie over wetenschapsprojecten, nieuws en een overzicht met activiteiten. Wie actief betrokken is bij de popularisering van wetenschappen kan zijn activiteiten zelf bekendmaken via de site.
Website Wetenschapsinformatienetwerk
Vlaams Agentschap Zorg & Gezondheid
De Vlaamse Gemeenschap subsidieert en reglementeert heel wat zorg- en gezondheidsvoorzieningen, gaande van rusthuizen en ziekenhuizen tot oppasdiensten en palliatieve netwerken. Op deze site vind je een volledig overzicht van de zorg- en gezondheidsvoorzieningen die door het Vlaams Agentschap Zorg en Gezondheid ondersteund of gesubsidieerd worden.
VIEWS
VIEWS staat voor 'Visually Impaired's Educational World Support'. De website is opgesteld in het Frans en het Engels. View organiseert trefmomenten en opleidingen voor jonge blinde en slechtziende Europeanen die zich inzetten voor meer autonomie en openheid.
Voor Diversiteit
Om een nieuwe impuls te geven aan de diversiteit werd binnen de federale overheid een actieplan uitgewerkt om de diversiteit optimaal te benutten. Op de website vind je getuigenissen, informatie over beroepen en solliciteren. De website is tweetalig.
Federale overheidsdienst Sociale Zekerheid
De website van de Federale overheidsdienst Sociale Zekerheid biedt een waaier aan informatie over het gehandicaptenbeleid in België en is tegelijkertijd een knap staaltje van toegankelijk webdesign.
Website Federale overheidsdienst Sociale Zekerheid
Groupe d'Action pour une Meilleure Accessibilité aux personnes
Handicapés
Deze Waalse organisatie ijvert voor een verbeterde toegankelijkheid voor mensen met een fysieke, visuele en auditieve handicap. Op de website lees je meer over de werking en kan je ook het maandelijkse magazine downloaden.
Laatstejaarsscholieren ontwikkelen software voor slechtzienden en blinden
Eind vorig jaar hebben AnySurfer, Licht en Liefde en de leerlingen en leerkrachten van het zesde jaar Informatiebeheer van het Sint-Ursula-Instituut in Lier de handen in elkaar geslagen. Op basis van de resultaten van een bevraging bij blinde en slechtziende internetgebruikers hebben we een reeks software-voorstellen uitgeschreven die door de leerlingen zijn uitgewerkt. De bedoeling was om programma's te ontwikkelen om lastige computertaken te vergemakkelijken en een oplossing te vinden voor vaak gehoorde problemen, zoals de gebrekkige samenwerking tussen Jaws en iTunes. Voor de meeste opdrachten gebruikten de leerlingen het Microsoft .Net Framework, maar anderen hebben zich verdiept in de Jaws Scripttaal en XHTML en CSS.
Op 15 mei mochten de leerlingen hun afgewerkte computerprogramma's voorstellen aan een interne en een externe jury: twintig projecten, het ene al indrukwekkender dan het andere, passeerden de revue. Over een aantal weken zullen de afgewerkte programma's en scripts via onze website gedownload kunnen worden. Een aantal programma's sprongen echt in het oog en willen we daarom nu al kort toelichten.
De 'Kleurenflikkeraar'
Het idee is dat je een willekeurige kleur kan aanklikken op het scherm waarna vervolgens alle gebieden met dezelfde kleur zachtjes gaan pulseren. Als je kleurenblind bent, kan je op deze manier toch een taart- of staafdiagram interpreteren dat gebruikmaakt van een kleurlegende: niet alleen de taartpunt gaat flikkeren als je erop klikt, maar ook het overeenkomstige gekleurde blokje in de legende waarachter je kan lezen wat de taartpunt precies vertegenwoordigt.
Een eenvoudig concept, maar de technische uitwerking bleek dat niet. In de praktijk blijkt het programma echter reuzehandig te werken!
De 'Websitemaker'
Voor wie blind is, weinig internetervaring heeft en helemaal geen kaas gegeten heeft van HTML, is het bouwen van een eigen webstek haast onbegonnen werk. Traditionele tools als Frontpage of Dreamweaver zijn te complex en ook de mogelijkheden van de meeste CMS-systemen of weblogdiensten zijn voor beginnende blinde surfers vaak te overweldigend.
De 'Websitemaker' is echter uiterst eenvoudig van opzet, maar 'gets the job done'. Via een aantal eenvoudige stappen kies je een titel voor je pagina, plak je er eventueel een foto bij en kan je beginnen met het intypen van de inhoud. Er zijn drie kleurentemplates: rood, groen en blauw. Als je klaar bent, klik je op 'Publiceer' en ziedaar: het programma genereert een setje met HTML- en CSS-bestanden.
Nu nog wat bugjes repareren, een FTP-voorziening inbouwen — want daar was helaas geen tijd meer voor — en het maken en onderhouden van een kleine persoonlijke webstek wordt een stuk makkelijker als je blind bent.
Gratis FeWeb-infosessie over webtoegankelijkheid op 25 mei
We zijn door FeWeb uitgenodigd om een infosessie te verzorgen voor haar leden. Voor de verandering ligt de nadruk niet zozeer op het technische aspect van webtoegankelijkheid, maar willen we een antwoord bieden op deze vragen:
- Help! Mijn klant wil het AnySurferlabel. Tips om het traject zo ‘pijnloos’ mogelijk te doen verlopen: hoe hou ik van bij de start van een project rekening met de toegankelijkheidsvereisten en hoe verdeel ik de verantwoordelijkheden in een webteam?
- We roepen steeds dat een toegankelijke website bouwen niet moeilijk of duur hoeft te zijn, maar is dat wel zo? Hoe maak je de mentale ’switch’ en welke ’slechte gewoonten’ moeten designers en ontwikkelaars afleren?
- Wat is het maatschappelijke belang van toegankelijke websites? Wie wordt er eigenlijk écht beter van?
- Wat kost zo’n label? Wat is het verschil tussen het basislabel en het pluslabel? Kan het ook gratis? Hoe gaat de aanvraag in z’n werk?
We willen afsluiten met een korte rondvraag bij de deelnemers: wat verwachten jullie van ons in de toekomst en hoe kan het AnySurferteam beter inspelen op de noden van webontwikkelaars?
Meer informatie over deze infosessie vind je op de website van FeWeb.
Gratis cursusdagen 'Toegankelijke PDF-bestanden maken'
Werk je voor de Vlaamse overheid of voor een van de Vlaamse Agentschappen? Dan kan je gratis deelnemen aan een van de PDF-cursusdagen die het ToegankelijkWeb-team in samenwerking met AnySurfer organiseert. Tot eind juni is alles volgeboekt, maar door de grote belangstelling is er een nieuwe reeks gepland in het najaar. Snel inschrijven is de boodschap.
In de cursus leer je hoe bij de aanmaak van een Microsoft Office-document al de nodige structuur kan aanbrengen, hoe je van een papieren document een toegankelijk PDF-bestand maakt, hoe je toegankelijke formulieren opstelt en wat PDF tags zijn en hoe je ze aanbrengt. In een afzonderlijke module, bedoeld voor grafici, leer je hoe je met behulp van Adobe inDesign folders en neuwsbrieven kan opstellen die ook voor blinden en slechtzienden vlot bruikbaar zijn.
Meer informatie en contactgegevens vind je op de website van ToegankelijkWeb.
Tips voor webdesigners: hoe gebruik je het title-attribuut?
Het title-attribuut heeft een vage status in de HTML-specificatie. Om een website vlot toegankelijk te maken, is het gebruik ervan soms een must en soms een onvoldoende maatregel.
Volgens de officiële specificatie kan het title-attribuut aan zowat iedere HTML-tag toegekend worden. Browsers tonen de tekst in een title-attribuut gewoonlijk in de vorm van een tooltip: een lichtgeel rechthoekje dat verschijnt als je de muiscursor over een element beweegt. Ideaal dus voor het toevoegen van hints en korte instructieteksten. Maar hoe verbetert zo'n title-attribuut de toegankelijkheid? Hieronder volgt een aantal best practices.
Hyperlinks
Een title-attribuut op een a-tag wordt niet voorgelezen door screenreaders. Tenminste niet in het geval van een standaardconfiguratie. Het toevoegen van een title-attribuut is daarom geen afdoende oplossing om onduidelijke linkteksten zoals 'Klik hier' of 'Lees meer' te verduidelijken of uit te breiden. Het attribuut mag uiteraard wel gebruikt worden, maar niet voor essentiële informatie die niet elders te vinden is.
Afbeeldingen
Het gebruik van het alt-attribuut is verplicht voor iedere afbeelding. Wil je dat er een tooltip verschijnt bij een afbeelding? Gebruik dan gerust een title, maar vergeet ook niet het alt-attribuut in te vullen. Net zoals voor hyperlinks, zal een screenreader de inhoud van het title-attribuut niet voorlezen; hij gaat immers op zoek naar een alternatieve tekst.
Afkortingen (acronym/abbr)
Het gebruik van de acronym- of de abbr-tag heeft geen zin als het title-attribuut ontbreekt. Het is dus essentieel om hier een title te gebruiken. Voorbeeld: <acronym title=“Vereniging zonder winstoogmerk“>vzw</acronym>. Het gebruik van deze tags is overigens enkel verplicht als je voor het Pluslabel kiest.
Formuliervelden
Als er zichtbare labels bij een formulierveld horen, is het correct gebruik van de label-tag essentieel (en verplicht) om de toegankelijkheid voor screenreadergebruikers te garanderen.
In sommige gevallen, bijvoorbeeld als je samengestelde formuliervelden gebruikt — denk aan een dag/maand/jaar-constructie, een telefoonnummer of bankrekeningnummer — is het lay-outmatig niet altijd mogelijk om aan ieder onderdeel een zichtbaar label te koppelen.
De beste optie in zo'n geval is om een title-attribuut te koppelen aan de input- of select-tag. De meeste screenreaders zullen title-attributen voorlezen als ze gekoppeld zijn aan formuliervelden. Voor het Pluslabel vraagt AnySurfer trouwens sowieso om zowel label-tags als title-attributen te gebruiken voor alle formuliervelden.
Frames
De frame-tag heeft een name- en een title-attribuut nodig. Sommige hulpsoftware leest immers enkel het name-attribuut voor en andere programma's houden uitsluitend rekening met de aanwezigheid van een title-attribuut. AnySurfer adviseert daarom om de inhoud van name en title identiek te maken en te beperken tot een kort woord als 'inhoud', 'navigatie' of 'hoofding'. In het algemeen raden we het gebruik van frames uiteraard af.
Intussen op het weblog
Ons weblog is in de eerste plaats bedoeld voor webwerkers: webdesigners, webontwikkelaars en redacteurs. De berichten op het weblog verraden soms de persoonlijke interesses van onze medewerkers, zijn af en toe technisch, maar soms ook grappig. In de nieuwsbrief sommen we de koppen van de berichten van de voorbije 30 dagen op. U kunt meteen doorklikken naar de volledige berichten:
- 13/05/07: Interview met Judy Brewer
- 10/05/07: Gratis FeWeb-infosessie over webtoegankelijkheid
- 10/05/07: Adobe CS3 Roadshow
- 09/05/07: Eerste toegankelijke pornosite voor blinden én doven
- 02/05/07: Blinde bibliotheekbezoekers
- 24/04/07: Wordt Microsoft Silverlight toegankelijk?
- 24/04/07: Winkelketen BLOKKER wint ontoegankelijkheidstrofee 2007
- 23/04/07: Rock My Website
- 17/04/07: Gebruiksvriendelijke formulieren