Tilgængelighedsundersøgelse af syv danske biblioteksportaler
Del 1
Formålet med rapporten
Formålet med tilgængelighedsanalysen af de 7 biblioteksportaler er at undersøge, hvordan det står til med tilgængeligheden på den slags store danske biblioteksprojekter. De er jo til stor gavn og glæde for de fleste, men kan de handicappede også være med?
Der er efterhånden en stor interesse for tilgængelighed af elektroniske ydelser især indenfor biblioteksverdenen. Det er derfor også intentionen, at denne rapport kan være med til at give et billede af, hvad det vil sige at lave tilgængelige hjemmesider.
Hvordan læses rapporten?
Rapporten er delt i to dele. Den første del er en indledning til rapporten og en opsummering af resultaterne af tilgængelighedstesten af de syv hjemmesider.
Den anden del består af testresultaterne på de enkelte hjemmesider. Denne del er delt op således, at hver enkelt hjemmeside præsenteres kort og der gives en generel vurdering af hele hjemmesidens tilgængelighed. Herefter kommer en nøje redegørelse for tilgængeligheden på hver enkelt af de testede sider inden for den enkelte hjemmeside.
De syv portaler
Rapporten består af en analyse af syv større portaler, der alle er udviklet helt eller delvist med penge fra Biblioteksstyrelsen. Vi har udvalgt disse syv, som vi mener alle har en relativt bred modtagergruppe:
- Bibliotek.dk
- Folkebibliotekernes Netguide (FNG)
- Dotbot
- BiblioteksVagten
- Danmarks Elektroniske Forskningsbibliotek (DEf)
- ForfatterNet
- Finfo
Ingen af de syv er valgt ud fra en forhåndsvurdering af tilgængeligheden, men udelukkende på grund af deres relevans.
Hvad vil det sige at være tilgængelig?
Når vi taler om tilgængelighed i handicapsammenhæng, betyder det, at en ydelse kan anvendes af personer med handicap på lige fod med personer uden handicap. Når det gælder elektroniske ydelser, drejer det sig hovedsageligt om at være opmærksom på, hvilke særlige behov handicappede kan have både i kraft af deres handicap og i kraft af de behov brugen af kompenserende udstyr afføder.
Det er som oftest ikke så meget, der skal til for at gøre en hjemmeside tilgængelig på et acceptabelt niveau. Det handler ofte kun om at sætte et par ekstra linier i koden hist og her, især hvis man i øvrigt har tænkt over at gøre sit design alment brugervenligt.
For den synshandicappede kan det kompenserende udstyr bestå af et forstørrelsesprogram, der kan forstørre enten hele skærmen eller dele af den. Forstørrelsesprogrammet kan også anvendes sammen med en talesyntese, så man få læst dele af skærmens indhold højt. Herudover indeholder forstørrelsesprogrammet en række andre hjælpefaciliteter, der kan gøre brugen af PC lettere for svagtseende.
Er man blind kan man benytte et skærmlæserprogram, der "læser" indholdet på skærmen og videregiver informationerne til en talesyntese, så man kan høre skærmens indhold læst op. Skærm-læserprogrammet kan også overføre informationerne til et punktdisplay, så man kan læse skærmens indhold som punktskrift. Den blinde bruger kan således anvende de fleste almindelige Windows programmer herunder Internet Explorer.
En person, der bruger skærmlæser har f.eks. brug for, at der er alternative tekster til billeder og links. Skærmlæseren kan kun gengive tekst, så hvis der f.eks. ligger vigtig information i et billede, skal der ligge en alternativ tekst, så denne kan blive læst op. Den alternative tekst fylder almindeligvis en halv til en hel linie i koden, den ændrer ikke selve designet på hjemmesiden, men gør en afgørende forskel for den handicappede bruger. Tilgængelighed er altså i mange tilfælde ikke noget teknisk krævende, men snarere et spørgsmål om at vide det og huske det. Og i forhold til, hvor lang tid det i øvrigt tager at udvikle en god hjemmeside, er den tid, det tager at gøre den tilgængelig, en bagatel.
En sidegevinst ved at udvikle tilgængelige hjemmesider er, at siderne med stor sandsynlighed også bliver mere brugbare for alle os andre, der kun har det handicap, at vi kan have svært ved at finde og bruge information, der ikke er velstruktureret og foreligger i en gennemtænkt form.
Om testen
Testen af hjemmesiderne er foretaget i uge 45 (2000). Rapporten er således et billede af hvordan det så ud med tilgængeligheden på de pågældende hjemmesider i lige netop denne uge.
Der er testet syv hjemmesider og 73 sider i alt.
Til testen er anvendt browseren Internet Explorer 5.5, skærmlæserprogrammet Jaws v. 3.5 med talesyntesen Infovox 230 v.1.1 og forstørrelsesprogrammet ZoomText v. 7.0 med talesyntesen Infovox 230 v.1.1.
Kriterierne for tilgængelighedsvurderingen er baseret på W3C's Web Accessibility Initative (WAI) og Statens Informations retningslinier for offentlige hjemmesiders og netsteders tilgængelighed.
Alle siderne er tildelt en karakter for deres grad af tilgængelighed efter følgende karakterskala:
| Ingen førerhunde |
= Ubrugelig |
 |
= Svært tilgængelig |
 |
= Mindre velegnet |
 |
= Brugbar |
 |
= Velegnet |
 |
= Excellent |
Alle sider er bedømt efter ovenstående skala, men i den generelle vurdering af en hjemmeside som helhed kan nogen sider i visse tilfælde godt veje mere i den samlede bedømmelse end andre. Forsiden har altid stor vægt, da denne er hoveddøren til hjemmesiden. Kan man ikke bruge hoveddøren har en hjemmeside per definition en dårlig tilgængelighed. Andre sider kan have stor vægt i den samlede bedømmelse, fordi det er på disse sider hele hjemmesidens hovedformål ligger.
Mindre velegnet - sammendrag af testens resultater
Som helhed har alle de syv testede hjemmeside scoret to førerhunde. Det vil sige, at de alle er vurderet som mindre velegnet i forhold til deres handicaptilgængelighed. Og det er en hund under, hvad der kan siges at være acceptabelt, hvis man gerne vil lave hjemmesider for alle.
Det er, som nedenstående sammendrag vil vise, i mange tilfælde de samme problemer, der går igen på alle de syv hjemmesider. Og disse gennemgående problemer er ikke specielt vanskelige at rette op på.
Her følger et kort sammendrag af testresultaterne for de enkelte hjemmesider. Den mere detaljerede analyse af hver enkelt side, kan læses i anden del af rapporten.
Bibliotek.dk
På hjemmesiden bibliotek.dk er der testet 11 sider og den samlede bedømmelse giver karakteren to førerhunde. Det er stort også, hvad hver af de enkelte sider har fået med undtagelse af en enkelt, der har opnået tre førerhunde.
Det er de samme 3-4 problemer, der trækker tilgængelighedsniveauet ned på flere af de testede sider. Som nogle af de mest alvorlige problemer kan nævnes, at stor del af de links, der også er titler på input felterne, ikke er hensigtsmæssigt opmærket, idet der er brugt alt for lange titler. Disse titler kan være op til 5-6 linier lange og de indeholder i virkeligheden en hjælpetekst til vinduet, hvilket er en forkert brug af attributten title på et link. Problemet er, at de lange titler forstyrrer læsningen af siden - både for den blinde skærmlæserbruger, der får dem læst om hele tiden, og for den svage læser, der ikke kan nå at læse, hvad der står i den lille gule boks.
Et andet alvorligt problem på bibliotek.dk er boksen, hvori man kan vælge søgemuligheder. Der er fire muligheder at vælge imellem, men måden funktionaliteten i denne boks er lavet på giver problemer, når man ikke kan bruge en mus til at pege. En blind bruger vil altid bruge piletasterne til at bladre op og ned i valgmulighederne i en sådan boks, men boksen har en funktionalitet, der betyder at når man trykker på "pil ned" tasten, for at få næste mulighed, så springer man straks til den side som er næste valgmulighed. Dette er forvirrende for en blind bruger, der så ikke får muligheden for at se, hvad de øvrige muligheder i boksen er.
Folkebibliotekernes Netguide (FNG)
På hjemmesiden Folkebibliotekernes Netguide er der testet 7 sider og her ligger den samlede vurdering ligeledes til to førerhunde. Niveauet på de testede sider ligger dog og svinger fra 1 til 4 førerhunde og den gennemsnitlige karakter på to førerhunde er lidt højt sat. En del af de sider, der indeholder hjemmesidens primære funktionalitet - lister med links under emneord - er nemlig kun vurderet til én førerhund. En stor del af disse links under specifikke emneord er nemlig helt utilgængelige, da de alle har fået den samme title og dermed er umulige at skelne fra hinanden for en skærmlæserbruger, da skærmlæseren bruger attributten title til at definere linket.
Udover denne lille, men meget alvorlige fejl er der generelt det problem, at input felter ikke er korrekt opmærket, så man til hver en tid har styr på, hvad der skal i hvilke felter. Endvidere mangler der et par steder alternative tekster, dette bl.a. på nogle knapper.
Dotbot
Hjemmesiden Dotbot har det største antal testede sider af de syv i testen. Her er testet 21 sider og Dotbot har fået karakteren to førerhunde i den samlede bedømmelse. Men gennemsnittet for bedømmelsen af de 21 testede sider ligger faktisk lidt under to førerhunde. Tilgængelighedsniveauet svinger en hel del, men et stort antal sider har fået bedømmelsen mindre velegnet, fordi der mangler alternative tekster på billeder og fordi inputfelterne ikke er korrekt opmærket, så man ved, hvad der skal puttes i dem. Der er et par sider der ligger meget lavt i bedømmelsen, fordi de er mere end almindeligt vanskelige at bruge med en skærmlæser. Den ene af disse sider er Kloge Åge - bogstav A, hvor 20 forskellige links har den samme title, nemlig "Vis underniveau", hvilket gør dem ubrugelige for skærmlæserbrugeren. Den anden er siden Kranieknuseren - indgangsside og velkomst til quiz, der består af 3 grafiske links, hvoraf et er "Tilbage til forsiden". De to andre er "Quiz" og "Vind", men disse links er ikke korrekt opmærket med alternative tekster på billederne eller titler på linkene, så de bliver komplet utilgængelige for skærmlæserbrugeren og dermed har hele siden kun én tilgængelig funktionalitet: "Tilbage til forsiden", hvilket man ikke får så meget ud af. Denne side får testens bundkarakter: 0 førerhunde, men det bemærkelsesværdige er, at den med simple ændringer på et øjeblik kan gøres fuldt tilgængelig.
BiblioteksVagten
På hjemmesiden BiblioteksVagten er der testet 9 sider og den samlede bedømmelse er igen på to førerhunde, hvilket også er hvad de fleste af de testede enkeltsider opnår. Der er dog en enkelt side, der har fået bundkarakteren 0 førerhunde, og det drejer sig om en side, hvor man kan chatte med biblioteksvagtens vagthavende bibliotekar. Denne side dumper helt, fordi det er umuligt for skærmlæseren at opfange svarene, hvilket vil sige den chat der foregår mellem bruger og bibliotekar. Det skal dog siges, at denne side dumper pga. tekniske begrænsningerne i det nuværende kompenserende software. Dette forhindrer naturligvis ikke, at alle andre kan have glæde af denne glimrende chatfunktionalitet.
På de øvrige sider er der de generelle problemer med manglende alternative tekster på billeder og titler på links. Også her er input felterne ikke korrekt opmærket, så man ikke kan blive i tvivl om, hvad der skal puttes i hvilke felter.
De aktive links får farven gul, hvilket giver en dårlig kontrast til den hvide baggrund. Dette kan være et problem for svagtseende, og egentlig også for normaltseende.
BiblioteksVagten er alle tiders tilbud, hvis man på grund af handicap ikke har så let ved at komme på biblioteket. Derfor ville det være oplagt, at en sådan hjemmeside er tilgængelig på et rimeligt niveau.
DEf
På Danmarks Elektronisk Forskningsbiblioteks (DEf) hjemmeside er der udvalgt 7 repræsentative sider til testen. Den samlede bedømmelse af hjemmesiden giver to førerhunde, men de testede enkelt sider svinger fra én til fire førerhunde.
Der er nogle gennemgående problemer med manglende titler på links og manglende opmærkning af input felterne, så det klart fremgår, hvad de er til.
Visningen af resultaterne fra søgningerne har den meget uhensigtsmæssige funktionalitet - set ud fra et tilgængeligheds perspektiv - at siderne bliver opdateret automatisk (og dermed ændrer udseende), når man ændrer markeringerne i valgmulighederne i toppen af siden. Det er ikke til at forudse, at dette vil ske og der er ingen advarsel. For en blind bruger er det meget svært at finde ud af, hvad der foregår, ikke mindst fordi man efter den automatiske opdatering står et andet sted på siden.
Der bliver i øjeblikket udviklet en ny portal til Danmarks Elektroniske Forskningsbibliotek, hvor tilgængeligheden tænkes med allerede fra begyndelsen. Det er derfor forventeligt, at DEf vil kunne forøge antallet af førerhunde, når den nye version lanceres.
ForfatterNet
På ForfatterNet omfatter testen 11 sider og det samlede resultat er også her 2 førerhunde. Dette på trods af at gennemsnittet af antal førerhunde på de testede sider faktisk ligger på 2,5 førerhunde. Den samlede bedømmelse trækkes ned til to førerhunde, fordi nogle sider med meget vigtig funktionalitet, tilgængelighedsmæssigt kun bedømmes til én førerhund.
De sider der kun scorer en førerhund, er siderne hvor de enkelte forfattere under et alfabetisk bogstav er oplistet. Opbygningen af disse sider gør dem meget svært tilgængelige for en skærmlæserbruger, da den ikke er logisk gennemtænkt. Informationerne kommer godt nok logisk, hvis man kan se hele skærmen som helhed. Men får man siden læst op som skærmlæserbrugeren, kommer informationerne i en fuldstændig ulogisk rækkefølge og det er nærmest umuligt at orientere sig. Herudover fremstår linkene til de forskellige sider om de enkelte forfattere ikke som unikke. Det vil sige at et link, der hedder "Nyere danske forfattere" kan være til både Susanne Brøgger, Solvej Balle og mange andre. Dette gør, at ForfatterNets primære funktion bliver stort set umulig at bruge, for en blind bruger.
Udover ovenstående problemer med manglende unikke titler til links er ForfatterNets øvrige tilgængelighedsproblemer de samme som findes på de fleste af de andre testede hjemmesider. Det drejer sig hovedsageligt om manglende alternative tekster på billeder og manglende opmærkning af input felter, så man kan se, hvad de enkelte felter er beregnet til.
Finfo
På Finfos hjemmeside er der testet 7 sider og den får i en samlet bedømmelse to førerhunde. Finfo får altså den samme karakter som de øvrige sider i testen, men for Finfos vedkommende skal det siges, at det er nogle ganske simple fejl, der trækker ned. Det vil således være forholdsvis få ændringer, der skal til for at hjemmesiden som helhed kan fordoble antallet af førerhunde i tilgængelighedsvurderingen.
Problemerne på Finfos hjemmeside består hovedsageligt i, at der mangler alternative tekster på billeder af logo og flag. Der er en uhensigtsmæssig brug af en combobox, der gør at siderne skifter ved tryk på piletasterne, hvilket er et problem for f.eks. den blinde bruger, der ikke kan benytte mus. Herudover er der et par links med nogle navne, der kan forekomme forvirrende.
Alt i alt er det umiddelbare indtryk af Finfos hjemmeside, at den med et par smårettelser vil være fint tilgængelig og en klar forbedring af den gamle site, som man stadig kan se rester af og som i testen er repræsenteret af en side, der kun scorer én førerhund.
Tilgængeligheden er inden for rækkevidde - analysens konklusion
Som hovedkonklusion på testen af de syv biblioteksportaler kan man sige at det generelle tilgængelighedsniveau er for lavt. De tildeles to førerhunde alle syv, hvilket betyder, at de alle er mindre velegnet tilgængelighedsmæssigt, og det kan ikke siges at være et tilfredsstillende resultat. Den gennemsnitlige bedømmelse for hver hjemmeside burde ligge på i hvert fald tre førerhunde, hvilket vil sige at hjemmesiden er brugbar. Ikke mindst fordi, det der skal til for at opnå tre førerhunde i de fleste tilfælde er meget overkommelige tilretninger.
Ser man på testen af de 7 hjemmesider som en helhed bliver det også klart, at der er fire slags fejl, der går igen hos stort set dem alle. Det drejer sig om følgende 4 skødesynder:
- Der mangler alternative tekster på billeder eller den alternative tekst er ikke brugt korrekt.
- Der mangler unikke titler på links, hvor teksten til linket ikke i sig selv er sigende.
- Der mangler opmærkning af input elementer, så man altid ved, hvad felterne er til.
- Opbygningen af siderne og principperne for navigation er ikke altid konsekvent på de forskellige sider på en hjemmeside og der kan forekomme funktioner, der udelukkende er baseret på brug af mus.
Denne liste kan også bruges som en huskeliste for enhver, der gerne vil udvikle en tilgængelig hjemmeside, eftersom det er disse fire problemer, der typisk går igen og skaber forhindringer for de handicappede brugere.
Det positive resultat af testen kan således siges at være, at hovedparten af de tilgængelighedsproblemer, der er fundet på siderne også er meget lette at undgå. Der er sådan set ikke noget særligt ekstraarbejde i det, hvis man laver det rigtigt fra begyndelsen. Og det kræver ikke mange ressourcer at rette op på de fejl, der allerede eksisterer. Så selvom testens resultat er utilfredsstillende, så er det glædelige budskab, at muligheden for tilgængelighed er absolut inden for rækkevidde.
Del 2
Test af bibliotek.dk
Generelt om bibliotek.dk
På portalen www.bibliotek.dk kan man på én gang søge i samtlige danske folkebibliotekers materiale og en række forsknings- og specialbibliotekers bestand og bestille materiale hjem til et vilkårligt bibliotek helt efter eget valg.
Der er mulighed for at benytte sig af en "enkel søgning", en "avanceret søgning", en "kommando søgning" eller en "register søgning". Når man har fundet sit materiale kan det bestilles ved at gennemgå fem trin. Herudover findes en række andre features såsom "Biblioteksvejviser", "forbedre søgning", "hjælp", etc.
Tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af forsiden og øvrige underliggende sider.
Det generelle indtryk af portalen bibliotek.dk er, at den har visse gennemgående problemer, som forringer tilgængeligheden.
De mest alvorlige tilgængelighedsproblemer på bibliotek.dk er opsummeret i følgende liste:
- Der bør ikke bruges event handler'en OnChange i comboboxen "Søgemuligheder". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det altid være et aktivt valg fra brugerens side.
- Der er nogle comboboxe, hvor man kan vælge antal poster pr. side, der ikke er korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Hver inputboks har en titel (Emne, forfatter, titel, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. Den gule info-boks med title teksten bliver kun på skærmen i ca. fem sekunder. På fem sekunder er det de færreste, der ikke får problemer med at nå at læse de 5-6 linier lange tekster.
For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den label-tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- Tab-order er forskellig på de enkelte sider. Tab-order bør være konsistent og konsekvent på hele siten.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider ligger på to førerhunde, hvilket vil sige 'Mindre velegnet'.

Bibliotek.dk - forside
URL: http://www.bibliotek.dk/enkel.zap
Beskrivelse
På indgangssiden til bibliotek.dk kan man foretage en enkel søgning i de danske bibliotekers databaser, hvilket vi sige man kan søge på "emne", "forfatter", "titel" eller "fritekst".
Tilgængelighedsproblemer
- Der bør ikke bruges event handler'en OnChange i comboboxen "Søgemuligheder". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det være et aktivt valg fra brugerens side.
- Hver inputboks har en titel (Emne, forfatter, titel, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. Den gule info-boks med title teksten bliver kun på skærmen i ca. fem sekunder. På fem sekunder er det de færreste, der ikke får problemer med at nå at læse de 5-6 linier lange tekster.
- For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Det er uhensigtsmæssigt, at tekstboksene "Velkommen til bibliotek.dk" og "Hjælp" kommer til sidst i dokumentet, så skærmlæserbrugeren skal hele dokumentet igennem, før disse velkomst-oplysninger dukker op.
- Der er anvendt en del grafik på siden, der har fået alternative tekster som foreskrevet. På siden forekommer der dog grafik med alt-teksten "blank" 10 gange, hvilket ikke giver nogen som helst brugbar oplysning, men en hel masse "støj" i forhold til sidens relevante indhold. Når der anvendes grafik uden betydning, anbefales det at lave en tom alt-tekst: alt=" ".
- Der mangler en angivelse af sproget på siden. Denne sættes i HTML tagget i toppen: <HTML lang="da">
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
De ovenstående punkter gælder også for siderne:
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - Avanceret søgning
URL: http://www.bibliotek.dk/avanceret.zap
Beskrivelse
På siden kan man som på "Enkel søgning" søge i bibliotekernes databaser, men på "Avanceret søgning" har man mulighed for at opgive flere kriterier for sin søgning.
Tilgængelighedsproblemer
- Tab-order er forskellig fra tab-order på "Enkel søgning". Tab-order bør være konsistent og konsekvent på hele siten og den tab-order, der er på "Enkel søgning" er mest logisk.
- Der bør ikke bruges event handler'en OnChange i comboboxen "Søgemuligheder". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det være et aktivt valg fra brugerens side.
- Hver inputboks har en titel (Emne, forfatter, titel, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. Den gule info-boks med title teksten bliver kun på skærmen i ca. fem sekunder. På fem sekunder er det de færreste, der ikke får problemer med at nå at læse de 5-6 linier lange tekster.
- For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - søgeresultat
URL: http://www.bibliotek.dk/search.zap
Beskrivelse
På denne side fås resultatet af søgningen. Er der flere end et søgeresultat, får man en liste. Man kan selv vælge om man ønsker at se 3, 5 eller 10 poster pr. side. Hvis det søgte materiale er fundet, kan det bestilles. Der er i øvrigt mulighed for at vælge at se flere oplysninger på hver post.
Tilgængelighedsproblemer
- De to comboboxe, hvor man kan vælge antal poster pr. side, er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der bør være et "til toppen" link i bunden af siden.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - forbedre søgning
URL: http://www.bibliotek.dk/refine.zap
Beskrivelse
Siden giver mulighed for at definere flere søgekriterier end oprindeligt, for f.eks. at indsnævre sin søgning, hvis man fik for mange søgeresultater.
Tilgængelighedsproblemer
- Tab-order er forskellig fra tab-order på "Enkel søgning". Tab-order bør være konsistent og konsekvent på hele siten og den tab-order, der er på "Enkel søgning" er mest logisk.
- Der bør ikke bruges event handler'en OnChange i comboboxen "Søgemuligheder". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det være et aktivt valg fra brugerens side.
- Hver inputboks har en titel (Emne, forfatter, titel, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. Den gule info-boks med title teksten bliver kun på skærmen i ca. fem sekunder. På fem sekunder er det de færreste, der ikke får problemer med at nå at læse de 5-6 linier lange tekster.
- For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - bestilling trin 1 (Find bibliotek)
URL: http://www.bibliotek.dk/trin_1.php
Beskrivelse
På siden kan man søge efter det bibliotek, hvor man ønsker materialet leveret.
Tilgængelighedsproblemer
- Det anbefales, at der skrives "Bestilling Trin 1 af 5" foroven, da informationen om antal trin først kommer næsten til sidst, når man får siden læst op med skærmlæser.
- Hver inputboks har en titel (Navn, adresse, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. Den gule info-boks med title teksten bliver kun på skærmen i ca. fem sekunder. På fem sekunder er det de færreste, der ikke får problemer med at nå at læse de 5-6 linier lange tekster.
- For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - bestilling trin 2 (Vælg bibliotek)
URL: http://www.bibliotek.dk/trin_2.php
Beskrivelse
På siden fås en liste over de biblioteker, der passer til søgekriterierne. Man kan få oplysninger om de enkelte biblioteker og vælge, hvilket man ønsker at benytte.
Tilgængelighedsproblemer
- Den alternative tekst på knapperne "Vælg bibliotek" bør være "Vælg bibliotek" og ikke "find", da man jo har fundet bibliotekerne, men nu skal vælge ét.
- De to comboboxe, hvor man kan vælge antal poster pr. side, er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - bestilling trin 3 (Personlige låneoplysninger)
URL: http://www.bibliotek.dk/bestil_3.php
Beskrivelse
Hvis det valgte bibliotek ikke selv har det valgte materiale, kan man på denne side indtaste sine personlige oplysninger (navn, cpr. nummer, etc.), så man kan bestille materialet.
Tilgængelighedsproblemer
- Billedet med udråbstegnet "skal udfyldes" bør også have denne alternative tekst, når det bruges som eksempel i hjælpeteksten.
- Comboboxene med dato - måned - år under "Jeg er interesseret indtil" er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- I toppen står nu f.eks.: "Du har valgt København" - "Afslut". Dette kan ud fra et alment brugervenlighedssynspunkt forekomme noget indforstået. Måske burde der stå: "Du har valgt Københavns biblioteker" - "Fortryd" eller "Annullér". Ordet "Afslut" kan være misvisende.
- Hver inputboks har en titel (navn, adresse, e-mail etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Forkortelsen "Aht." bør skrives ud, så det bliver "Af hensyn til sikkerheden..."
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - bestilling trin 4 (Godkend bestilling)
URL: http://www.bibliotek.dk/bestil_4.php
Beskrivelse
På siden fås en beskrivelse af den bestilling, man har afgivet. Når man har checket, at alle oplysninger er korrekte, kan man godkende sin bestilling eller gå tilbage og ændre, hvis noget ikke er korrekt.
Tilgængelighedsproblemer
- Hver inputboks har en titel (navn, adresse, e-mail, etc.), der er også er et link til en hjælpetekst. Disse links har hver en title attribut, men indholdet af disse er alt for langt. Attributten title er ikke beregnet til at være en længere hjælpetekst. For skærmlæserbrugere er problemet, at skærmlæseren læser indholdet af title attributten, i stedet for den tekst, der hører til formularfeltet (når siden bare læses fra top til bund). Det er uhensigtsmæssigt for skærmlæserbrugere med de lange tekster, der hele tiden skal læses op.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Bibliotek.dk - bestilling trin 5 (Kvittering)
URL: http://www.bibliotek.dk/bestil_5.zap
Beskrivelse
Her fås oplysninger om, hvad der sker med den bestilling man lige har foretaget og hvad man selv skal foretage sig. Der er mulighed for at vælge at få en kvittering som e-mail.
Tilgængelighedsproblemer
- Når man trykker på "Kvittering som e-mail", åbnes et nyt vindue, hvor man kan indtaste sin e-mail adresse. Dette vinduer bør have en "luk vindue" funktion.
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "mindre velegnet".

Bibliotek.dk - biblioteksvejviser
URL: http://www.bibliotek.dk/biblio.php
Beskrivelse
På denne side kan man søge efter et bestemt bibliotek i Danmark.
Tilgængelighedsproblemer
- I alle de tilfælde, hvor der bliver åbnet et nyt browservindue (f.eks. "hjælp"), bør der advares herom på forhånd f.eks. ved hjælp af attributten title på <A> tagget. Der bør endvidere altid være en "luk vindue" funktion i top og bund af det nye vindue.
- Knapperne (Hjælp, English, Find etc.), står meget utydeligt, når de bliver forstørret - bl.a. på grund af skyggeeffekten på teksten. Knapperne bør laves med Style Sheets (CSS).
- Det er uhensigtsmæssigt, at tekstboksen "Hjælp" kommer til sidst i dokumentet, så skærmlæserbrugeren skal hele dokumentet igennem, før disse oplysninger dukker op.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Hjælpevinduerne
Beskrivelse
På alle siderne er der en knap, der hedder "Hjælp". Trykkes på denne kommer et pop-up vindue med en linket tekst. Her kan man få vejledning i brugen af bibliotek.dk og praktiske oplysninger.
Tilgængelighedsproblemer
- Lister bør opmærkes som lister med <UL>.
- Den turkis farve kan være svær at læse, især for svagsynede.
- Der bør være alternativ tekst til grafikken "exit". Eksempel:
<div align=right><a href="javascript:window.close()" title="Luk vindue"><img border=0 src="im/exit.xbm"></a></div>
- I hjælpeteksten har grafikken med udråbstegnet alt-teksten "hjælp tekst". I det ene af tilfældene betyder udråbstegnet "skal udfyldes". Dette bør derfor være alt-teksten.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Test af Folkebibliotekernes Netguide
Generelt om Folkebibliotekernes Netguide
Folkebibliotekernes Netguide (FNG) er en samlet indgang til informationskilder på Internettet.
FNG udvælger og beskriver kilder indenfor alle emneområder og henvender sig primært til voksne brugere. Guiden indeholder information om alverdens lande, litteratur, film, musik, kæledyr, sygdomme, lovgivning, EU, etc.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af forsiden og et repræsentativt udvalg af de underliggende sider.
Det generelle niveau for tilgængelighed svinger fra 1 til 4 førerhunde og afhænger af sidernes funktionalitet. De sider der består af ren tekst til f.eks. beskrivelser og forklaringer, er generelt rimeligt tilgængelige, hvorimod nogle af siderne med emne links har nogle gennemgående tilgængelighedsproblemer.
De mest alvorlige tilgængelighedsproblemer på FNG er opsummeret i følgende liste:
- En stor mængde links på bl.a. siderne "Nyt i guiden" og "Emneoversigt for biblioteker" har fået title attributter som f.eks. "Vis underniveau" eller "Kategori". Det gør disse links komplet utilgængelige for skærmlæserbrugeren, da det er title, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Vis underniveau" eller "Kategori". Det kan således være svært at gætte, hvad der rent faktisk linkes til.
- Når listerne med links fylder mere end én side er der nederst en knap til at skifte til næste side. Denne knap bør have en alternativ tekst. Det kunne f.eks. være "Flere links på næste side". Som det er nu får man bare informationen "Knap", når man bruger skærmlæser.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen bør komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider ligger på 2 førerhunde, hvilket vil sige 'Mindre velegnet'. Det skal dog siges, at de sider med den vigtigste funktionalitet i flere tilfælde kun har fået 1 førerhund.

FNG forside
URL: http://www.fng.dk/fng/Default.asp?ShowSubCats=Y (med underemner)
URL: http://www.fng.dk/fng/Default.asp?ShowSubCats=N (uden underemner)
Beskrivelse
FNGs forside består af en emneoversigt med 21 forskellige emner og et antal underemner til disse. Der er i ca. 175 links på siden til forskellige emner, når man vælger "vis underemner" og altså 21 emner, når den vises uden underemner.
Udover emneoversigten er der en søgefunktion, hvor man kan søge på et ord som enten "Fritekst", "Emne" eller "Titel". Man kan endvidere begrænse sin søgning til en række gængse sprog.
Siden har i øvrigt links til en alfabetisk emneords-liste, "Hjælp til søgning", "Nyt i guiden", "Om netguiden", "Info Website" og et link til emneoversigten uden underemner (eller det modsatte).
Tilgængelighedsproblemer
- Overskriften "Emneoversigt" er lavet som grafisk tekst, men billedet mangler alternativ tekst, så den blinde bruger går glip af denne overskrift.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
- Der er ikke angivet hovedsprog på siderne. Dette gøres vha. lang attributten i HTML elementet: <HTML lang="da">.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Hjælp til søgning:
URL: http://www.fng.dk/fng/sogning.asp
Beskrivelse
Siden giver hjælp til, hvordan man anvender FNG's søgemuligheder. Siden er opbygget på samme måde som forsiden, men med hjælpeteksten i stedet for emneoversigt.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Nyt i guiden
URL: http://www.fng.dk/fng/Default.asp?type=native&qe=@create%3E-7d
Beskrivelse
Siden viser den sidste uges nye links i FNG. Siden er som udgangspunkt opbygget på samme måde som forsiden, men med listen over nye links og en beskrivelse af hvert enkelt i stedet for emneoversigt. Listen er i den aktuelle uge på 27 links og strækker sig over 3 sider.
Tilgængelighedsproblemer
- Alle linkene, der er links til en kategori har fået titlen "Kategori", det gør disse links komplet utilgængelige for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Kategori".
- Knappen til at skifte til næste side med links bør have en alternativ tekst. Det kunne f.eks. være "Flere links på næste side". Som det er nu får man bare informationen "Knap", når man bruger skærmlæser.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker søg, før man kommer til dem.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Om netguiden
URL: http://www.fng.dk/fng/omguiden.asp
Beskrivelse
På siden er en kort beskrivelse af, hvad Netguiden er og hvem der står bag.
Tilgængelighedsproblemer
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 4 førerhunde, hvilket vil sige "Velegnet".

Emneoversigt - biblioteker
URL: http://www.fng.dk/fng/Default.asp?type=cat&qe=Biblioteker
Beskrivelse
Hvis man i emneoversigten vælger at gå til emnet "Biblioteker" kommer man til en side med fem underemner og 11 biblioteks-relaterede links til bl.a. BF, BS, Biblioteksvagten, etc.
Siden er i øvrigt bygget op over samme skabelon som forsiden.
Tilgængelighedsproblemer
- De fem underemner har fået titlen "Vis underniveau". Det gør disse links komplet utilgængelige for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Vis underniveau".
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Søgeresultat (på "litteratur")
URL: http://www.fng.dk/fng/Default.asp?qe=litteratur&type=Emne&lang=al
Beskrivelse
Hvis man laver en fritekst søgning på ordet "litteratur", får man en liste over links. Listen er på 111 links og den strækker sig over 10 sider.
Siden er i øvrigt bygget op over samme skabelon som forsiden.
Tilgængelighedsproblemer
- Alle linkene, der er links til en kategori, har fået titlen "Kategori". Det gør disse links komplet utilgængelige for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Kategori".
- Knappen til at skifte til næste side med links bør have en alternativ tekst. Det kunne f.eks. være "Flere links på næste side". Som det er nu får man bare informationen "Knap", når man bruger skærmlæser.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Emneordsliste
URL: http://www.fng.dk/fng/KeywordAlphabet.asp?Mode=1
Beskrivelse
Emneordslisten består af et linket alfabet. Hvis man klikker på et bogstav, kommer der en side med en række emneord med det valgte forbogstav. Man kan så klikke på et af disse emneord og få lavet en søgning på dette ord.
Tilgængelighedsproblemer
- Alle de linkede bogstaver har fået titlen "Vis Emneordsliste". Det gør disse links komplet utilgængelige for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link.
- Alle de emneord man finder under et forbogstav er links, det har fået titlen "Søg på dette emneord". Disse links er altså også utilgængelige.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- "Søg" knappen burde komme efter alle søgekriterierne. Det er forvirrende, at der kommer flere søgekriterier efter "submit-knappen". For den blinde kan det betyde, at de andre kriterier "overses", fordi man trykker "søg", før man kommer til dem.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes Style Sheets (CSS) til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Test af Dotbot
Generelt om dotbot
Dotbot er folkebibliotekernes fælles hjemmeside for børn. Den har en farverig forside med links til de forskellige tilbud, der findes på siten. Der er "Klatremusen Kitty" med en håndfuld links til de mindste. "Kranieknuseren" byder på quiz og konkurrencer, hvor man bl.a. kan vinde T-shirts. "Kloge Åge" byder på en netguide for børn med mulighed for at søge på mange emner ordnet alfabetisk. "Container Connie" har månedens gæst og giver børn mulighed for selv at anmelde film, bøger, musik, spil eller bare fortælle en løgnehistorie. Og som den sidste farverige person er der "Mizz Linkz", der giver børn mulighed for at tippe hinanden om interessante steder på Internettet.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang af forsiden og de underliggende sider ordnet under hver hovedfigur.
Graden af tilgængelighed svinger meget. Nogle sider bliver vurderet til 3 førerhunde, mens en enkelt får 0 førerhunde, da den er helt utilgængelig. Men niveauet er som sagt meget svingende og der er således tildelt både 0, 1, 2 og 3 førerhunde til de forskellige sider.
De mest alvorlige tilgængelighedsproblemer på Dotbot er opsummeret i følgende liste:
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>. Det betyder, at brugeren, når han tabulerer sig frem gennem formularen, ikke får læst den korrekte titel til formularelementerne. Dette giver specielt store problemer i forbindelse med radioknapperne, da radioknapperne modsat konventionen er placeret efter deres titel. Da skærmlæseren forventer at radioknapperne er placeret før deres titel, bliver teksten umiddelbart efter radioknappen læst op. Opmærker man titlerne på radioknapperne med <LABEL>, vil skærmlæseren altid læse den rigtige titel, selvom titlerne står før radioknappen.
- En stor mængde links (f.eks. alle emnerne under bogstav A hos Kloge Åge) har fået titler, der ikke siger noget om, hvad linket fører til. De nævnte emne links hos Kloge Åge har således alle titlen "Vis underniveau". Det gør siden komplet utilgængelig for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Vis underniveau" 20 gange.
- Der mangler alternativ tekst på grafik mange steder. Det er især et problem, når billedet indeholder et link, der heller ikke har en title og hvor grafikken indeholder tekst eller anden information, som skærmlæserbrugeren så går glip af .
- Der er nogle steder brugt tabeller og frames til layout uden hensyn til den semantiske logik på siderne.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

DotBot - forside
URL: http://www.dotbot.dk
Beskrivelse
Indgangsside til DotBot. Siden består af en mosaik af billeder, hvorpå der er billeder med hotspots, som linker til resten af siderne på DotBot.
Tilgængelighedsproblemer
- Da en del hotspots overlapper flere billeder, forekommer de samme links mange gange. På siden er der 7 forskellige links, som pga. dette bliver til 31 links. Det gør det svært for skærmlæserbrugeren at få et overblik over, hvor mange links der egentlig er på siden. En løsning på dette problem kunne være at slå billederne sammen til et billede, hvorpå man kunne placere et hotspot pr. link.
- Der mangler en alternativ tekst til billederne, der fortæller, hvad der er på billederne.
- Der mangler en angivelse af sproget på siden. Denne sættes i HTML tagget i toppen: <HTML lang="da">
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Klatremusen Kitty
URL: http://www.dotbot.dk/km/index.htm
Beskrivelse
Siden består af 8 grafiske links til andre sider på Internettet for mindre børn. Linkene er lavet som billeder af de figurer, der er på siderne, der linkes til (Bamse, Cirkeline, Rasmus Klump m.fl.)
Tilgængelighedsproblemer
- Den grafiske tekst "Klatremusen Kitty" bør have en alternativ tekst ellers får siden ingen overskrift for skærmlæserbrugeren.
- Der er brugt tabeller til at sætte sidens layout. På grund af opstillingen i disse tabeller læses siden ikke i logisk rækkefølge af skærmlæseren. Først læses to links til andre sider for børn, så læses teksten "Ud på nettet for de mindste" og "Tilbage til forsiden" og derefter læses resten af linkene til sider for børn. Dette bliver forvirrende for skærmlæserbrugeren. I stedet for tabeller bør der anvendes CSS til at sætte siden op layoutmæssigt. Under alle omstændigheder bør man sørge for at opbygge sider så de fremstår logisk i alle situationer.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Kranieknuseren - indgangsside og velkomst til quiz
URL: http://www.dotbot.dk/kk/index.htm
Beskrivelse
Indgangsside til kranieknuseren med de tre links "Quiz", "Vind" og "Tilbage til forsiden".
Tilgængelighedsproblemer
- Der er en del billeder, som har den alternative tekst alt=" ", selvom de indeholder vigtig information. Her er det specielt problematisk at billedet af overskriften "Kranieknuseren", billedet af ordet "QUIZ" og billedet af ordet "VIND" har tomme alternative tekster. De to sidste er også links. Disse links bliver pga. de manglende alternative tekster utilgængelige, hvorved siden reelt er ubrugelig for, brugere der benytter skærmlæser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 0 førerhunde, hvilket vil sige "Ubrugelig".
Kranieknuseren - velkommen til quiz
URL: http://www.dotbot.dk/kk/quiz2/start.htm
Beskrivelse
Velkomst til kranieknuserens quiz, med forklaring af quizzens regler.
Tilgængelighedsproblemer
Denne side har de samme tilgængelighedsproblemer som kranieknuserens indgangsside. Herudover har siden problemet:
- Linket med tekster "her", som linker til quizzen bør have en titel, f.eks. title="Gå til quiz".
- Der mangler alternative tekster på billeder. Der bør især være alt-tekst på den grafiske tekst, som udgør sidens overskrift.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Svært tilgængelig".

Kranieknuseren - quiz
URL: F.eks. http://www.dotbot.dk/kk/quiz3/b19.htm
Beskrivelse
Dette er en quiz hvor man skal svare på en række spørgsmål, hvorved man rykker rundt i en tabel. Denne tabel har rækkerne 1 til 10 og søjlerne a, b og c. Felterne er nummereret, så f.eks. feltet 6b er feltet i række 6 og søjle b. Man flytter under spillet rundt i tabellen ud fra følgende fem regler:
- Hvis man svarer rigtigt og står i søjle a, rykker man en række op, dvs. hvis man f.eks. står i felt 6a rykker man til felt 7a. Når man står i feltet 10a og svarer rigtigt, har man gennemført spillet.
- Hvis man svarer rigtigt og står i søjle b rykker man til søjle a, dvs. hvis man står i felt 6b rykker man til felt 6a.
- Hvis man svarer rigtigt og står i søjle c rykker man til søjle a i rækken under (om muligt), dvs. hvis man står i felt 6c rykker man til felt 5a og hvis man står i felt 1c rykker man til felt 1a.
- Hvis man svarer forkert og står i en af søjlerne a eller b, rykker man en søjle til højre, dvs. hvis man f.eks. står i felt 6b og svarer forkert, rykker man til felt 6c.
- Hvis man står i søjle c og svarer forkert, rykker man en række ned, dog har man tabt hvis man står i felt 1c og svarer forkert.
Tilgængelighedsproblemer
- Der mangler alternative tekster til billederne.
- Linket under spørgsmålet åbner et nyt browservindue uden brugeren på forhånd bliver informeret herom. F.eks. kunne man give linket titlen title="Mytolex - en online leksikon om nordisk mytologi, åbner i et nyt vindue".
- Tabellen, hvori spilleren kan se hvor langt han er kommet, er utilgængelig for skærmlæserbrugere, idet den eneste indikation, på hvor langt man er kommet, er baggrundsfarven i et tabel-felt. En måde at gøre spillet mere tilgængeligt ville være at bytte om på teksten med spørgsmålet og tabellen med stillingen. Herved behøver skærmlæseren ikke først at læse sig gennem hele tabellen, før den kan læse spørgsmålet op. Hvis man endvidere skriver på siden, hvilket felt (f.eks. 6a) spilleren står i, har brugeren en idé om, hvor langt han er.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Kranieknuseren - Diplom
URL: http://www.dotbot.dk/kk/quiz3/diplom.htm
Beskrivelse
Diplom for fuldførelse af quizzen. Det er meningen, at man skal udskrive siden og skrive sit navn på diplomet.
Tilgængelighedsproblemer
- Der mangler alternative tekster til billederne.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Kranieknuseren - Vind
URL: http://www.dotbot.dk/kk/form.htm
Beskrivelse
Formular hvori man skal svare på tre spørgsmål og indtaste sit navn og sin adresse, hvorved man kan være med i en konkurrence.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>. Dette betyder at brugeren, når han tabulerer sig frem gennem formularen ikke får læst den korrekte titel til formularelementerne. Dette giver specielt store problemer i forbindelse med radioknapperne, da radioknapperne modsat konventionen er placeret efter deres titel. Da skærmlæseren forventer at radioknapperne er placeret før deres titel, bliver teksten umiddelbart efter radioknappen læst op. Opmærker man titlerne på radioknapperne med <LABEL>, vil skærmlæseren altid læse den rigtige titel, selvom titlerne står før radioknappen.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Kloge Åge
URL: http://www.dotbot.dk/klogeaage/index.htm
Beskrivelse
Kloge Åge er bibliotekernes netguide for børn. Siden består udover grafikken af en søgeboks, hvor man kan søge efter et specifikt emne og et alfabet med links på alle bogstaver, så man kan klikke på det bogstav et emne begynder med. Der er en kort vejledning i brugen af siden og desuden links til forsiden og "Miss Linkz"
Tilgængelighedsproblemer
- Der mangler alternative tekster på grafikken. Især den grafiske tekst "Kloge Åge" bør have en alternativ tekst, da det er sidens overskrift.
- Inputfeltet bør være mærket op med en <LABEL> således får feltet også en titel - det kunne være: "søg et emne", hvilket ikke kun vil gøre siden mere tilgængelig, men også mere brugervenlig for den ikke-handicappede bruger.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Kloge Åge - bogstav A
URL: http://www.dotbot.dk/klogeaage/kloge.asp?bogstav=a
Beskrivelse
Hvis man klikker på et bogstav - i dette tilfælde A - kommer man til en side, der indeholder en række links til emner med forbogstavet A. Man kan så klikke på det ønskede emne og få en række links til hjemmesider om emnet. Disse links har hver en kort beskrivelse.
På siden er der, udover grafik med Kloge Åge, hele alfabetet i en bue. Siden er bygget op med 6 rammer, tilsyneladende for at få den ønskede visuelle bue effekt.
Tilgængelighedsproblemer
- Alle emnerne - under A er der 20 - er links til et underniveau med en række links om emnet. Derfor har man givet alle linkene attributten title="Vis underniveau". Det gør siden komplet utilgængelig for skærmlæserbrugeren, da det er title attributten, der læses op, når en sådan forefindes på et link. Skærmlæserbrugeren får altså ikke emnerne læst op, men "Vis underniveau" 20 gange.
- Rammerne har udelukkende layoutmæssig betydning. De er ikke logisk opbygget i forhold til indholdet og kan således ikke gives de logiske og signifikante navne rammer ellers altid bør have.
Den rene layoutmæssige logik i brugen af rammer får også den konsekvens, at siden fremstår meget forvirrende for en skærmlæserbruger. Skærmlæseren læser fortløbende, hvilket giver følgende resultat:
- Først læses den første rammes titel, som er "untitled", så læses linkene "klogeaage/left_1" to gange og "Tilbage til forsiden" tre gange
- bogstaverne A - I læses og efter I kommer søgefeltet
- så læses "Vis under niveau" 20 gange
- bogstaverne V - Å + W læses
- og til sidst i den næstsidste ramme kommer bogstaverne J - U.
Dette er meget forvirrende for skærmlæserbrugeren, der får svært ved at danne sig et overblik og navigere på siden.
- Der er brugt tabeller og frames til layout uden hensyn til den semantiske logik på siden. Det anbefales at bruge CSS, hvis det er muligt.
- Der mangler alternative tekster til grafikken. Den grafiske tekst "Kloge Åge" bør have en alternativ tekst, da det er sidens overskrift.
- Inputfeltet bør være mærket op med en label, således får feltet også en titel - det kunne være: "søg et emne", hvilket ikke kun vil gøre siden mere tilgængelig, men også mere brugervenlig for den ikke-handicappede bruger.
- Kloge Åge kommer i en taleboble med en vejledning i tilfælde af, at man ikke finder, hvad man søger. Denne vejledning er utilgængelig for skærmlæserbrugere, da den er grafik. For den svagtseende og den læsehandicappede er det et problem, at skriften er så lille og gnidret.
- Der er to tilsyneladende overflødige links "Klogeaage/left_1". Disse skaber forvirring, da der ingenting sker, når de aktiveres.
- Der er 3 "Tilbage til forsiden" links. Disse linker til Kloge Åges forside og ikke Dotbots, hvilket kan virke misvisende.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Container Connie
URL: http://www.dotbot.dk/cc/index.asp
Beskrivelse
Siden er et billede af Container Connie og nogle mus, der foretager sig forskellige aktiviteter. Ved klik på de forskellige mus og deres aktiviteter linkes til sider med anmeldelser af bøger, musik, film, spil og løgnehistorier. Der er også et link til Månedens gæst. Udover titlen og teksterne der popper op, når musen føres hen over de forskellige billeder er der ingen tekst på siden.
Tilgængelighedsproblemer
- Linket "Skriv til Container Connie" forekommer 10 gange på siden på grund af den måde, der er sat hotspots på billederne. Det er unødvendigt at have 10 links til den samme side og det er til stor gene for skærmlæserbrugeren. Når de samme links forekommer mange gange bliver siden uoverskuelig, da det bliver svært at skelne hvor mange forskellige links, der reelt er på en side.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Container Connie - skriv til Connie
URL: http://www.dotbot.dk/cc/form.htm
Beskrivelse
Siden indeholder en formular, hvor man kan skrive en anmeldelse eller en løgnehistorie til Container Connies hjemmeside. Man kan komme til siden fra Container Connies forside og fra de forskellige sider med anmeldelser og løgnehistorier.
Tilgængelighedsproblemer
- Der mangler <LABEL> på formularelementerne. Dette betyder bl.a. at radioknapperne kommer til at gå i kludder for skærmlæserebrugeren. Når f.eks. radioknappen "Film" er markeret, ser skærmlæseren det, som om det er "Musik", der er markeret, fordi dette ord står bagved radioknappen og derfor forventes at høre til der. Det er umuligt for skærmlæseren at vide hvilke ord, der hører til hvilke radioknapper, hvis det ikke er markeret. Det er derfor vigtigt at markere alle formularelementer med <LABEL>.
- Der mangler alternative tekster på billeder. Der bør i hvert fald være alt-tekst på den grafiske tekst.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Container Connie - Månedens gæst
URL: http://www.dotbot.dk/cc/gaest.asp
Beskrivelse
En gæst har svaret på en række fakta spørgsmål om sig selv. Siden består udover Container Connie grafikken af et billede af gæsten og en tabel med spørgsmål og svar.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Container Connie - musik
URL: http://www.dotbot.dk/cc/form.htm
Container Connie - bøger
URL: http://www.dotbot.dk/cc/boger.asp
Container Connie - film
URL: http://www.dotbot.dk/cc/film.asp
Container Connie - spil
URL: http://www.dotbot.dk/cc/spil.asp
Container Connie - Løgnehistorier
URL: http://www.dotbot.dk/cc/logn.asp
Beskrivelse
Alle de ovenstående sider er bygget op på den samme måde. Udover den sædvanlige Container Connie grafik er der en liste med links til de anmeldelser eller løgnehistorier, børn har skrevet til Container Connie. På selve siderne er de mest aktuelle links og et link til et arkiv med ældre links. Der er endvidere et link til formularen, hvor man kan skrive til Container Connie og et link tilbage til Container Connies hovedside.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Linket tilbage til Container Connies hovedside har alt-teksten "Tilbage til forsiden". Dette er forvirrende, da man ikke ved, om det er Dotbots forside eller Container Connies side, der henvises til.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siderne bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Mizz Linkz
URL: http://www.dotbot.dk/ml/index.asp
Beskrivelse
Liste med links til andre hjemmesider, som brugere har indsendt. Til hvert link hører den beskrivelse, som brugeren har indsendt sammen med linket og evt. en kommentar fra Mizz Linkz.
Tilgængelighedsproblemer
- Der mangler titel på linkene. Links hvis tekst blot er linkets URL skal have en titel som beskriver hvad linket fører til. Hvis et link endvidere åbner et nyt browservindue, skal dette fremgå af linkets titel. F.eks. skulle linket med teksten www.br-leg.dk have titlen title="BR legetøj - åbner nyt vindue".
- Der er uhensigtsmæssige alternative tekster på en del af billederne: De alternative tekster "Grafik" og "Usynligt billede" giver ikke brugeren brugbare informationer. Billeder som ikke indeholder information bør have den tomme alternative tekst alt="". Det er ikke nødvendigt at angive i den alternative tekst, at billedet bruges som link. F.eks. bør den alternative tekst alt="Link til Kloge Åge" blot være alt="Kloge Åge".
- Tabuleringsrækkefølgen på siden er meget uhensigtsmæssig, idet linkene "Månedens vildeste surfer" og "Indtast dit eget forslag" kommer efter alle linkene til andre sider. Dette betyder at brugeren skal tabulere sig gennem alle sidens link for at komme til disse to links.
- Der bør være et "Til top" link i bunden af siden.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Månedens vildeste surfer
URL: http://www.dotbot.dk/ml/surfer.asp
Beskrivelse
Side med informationer om månedens vildeste surfer, herunder navn, alder hjemby og hvilket link surferen blev kåret for.
Tilgængelighedsproblemer
- Der mangler alternative tekster til billeder. Endvidere er der ligesom på ovenstående side billeder med uhensigtsmæssige alternative tekster såsom "grafik" og "usynligt billede".
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Indtast selv dit eget forslag
URL: http://www.dotbot.dk/ml/forslag.asp
Beskrivelse
Side med formular til indtastning af forslag til links på Mizz Linkz siderne.
Tilgængelighedsproblemer
- Der mangler alternativ tekst til et billede.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Info
URL: http://www.dotbot.dk/info/info.htm
Beskrivelse
Side med informationer om DotBot.
Tilgængelighedsproblemer
- Der er ubrugelige alternative tekster til billederne på siden. Den alternative tekst skal angive hvad billedet viser, ikke billedets filnavn og størrelse.
- Det ville være en god idé med et "Tilbage til forsiden" link på denne side.
- Der bør være et "Til top" link i bunden af siden.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Test af biblioteksvagten
Generelt om BiblioteksVagten
På hjemmesiden BiblioteksVagten kan man få svar på alle de spørgsmål, der normalt stilles til et folkebibliotek, men altså også udenfor bibliotekernes normale åbningstid. Der er også mulighed for at chatte med den vagthavende bibliotekar i Biblioteksvagtens åbningstid. Endvidere er der en række emneopdelte links til andre web-brevkasser.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af hver enkelt side på biblioteksvagtens hjemmeside.
Det tilgængelighedsmæssige indtryk af biblioteksvagtens hjemmeside er, at der er nogle gennemgående ting, der trækker ned.
De mest alvorlige på tilgængelighedsproblemer på BiblioteksVagten kan opsummeres således:
- En del links mangler title attributter for at være tilgængelige.
- Der mangler alternative tekster på billeder.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid og de aktive links bliver derfor nærmest ulæselige.
- I visse tilfælde giver opbygningen i tabeller problemer, da rækkefølgen af informationer bliver ulogisk.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider ligger på to førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Indgangsside
URL: www.biblioteksvagten.dk
Beskrivelse
Indgangssiden til Biblioteksvagten består af to logoer, en henvisning til forsiden samt et link til åbningstider.
Tilgængelighedsproblemer
- Et link der blot hedder "klik her" er ikke hensigtsmæssigt, da man ikke ved, hvor man kommer hen. Der bør være en title, som fortæller hvad der linkes til f.eks.: title="biblioteksvagtens forside".
- Der mangler alternative tekster på billederne.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Der mangler en angivelse af sproget på siden. Denne sættes i HTML tagget i toppen: <HTML lang="da">
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Umiddelbart virker det overflødigt at have denne indgangsside, da mængden af informationer på siden er så lille, at de sagtens kan være på selve forsiden.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Forside
URL: www.biblioteksvagten.dk/hjem.htm
Beskrivelse
Forsiden indeholder information om åbningstider og anvendelsesmuligheder og er en port til resten af siten.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne. Et sted er brugt en gennemsigtig gif, der har alt-teksten "1x1.gif (807 bytes)". Ved tomme billeder anbefales det at lave en blank alt-tekst: alt=" ".
- Der mangler title attributten på bl.a. de grafiske links "Spørg bibliotekaren" og "Chat/Ingen Chat nu".
- Et link hedder blot "her". Når man anvender den slags kontekst afhængige links, bør man sætte title på.
- Der er brugt en tabel til at sætte informationerne om åbningstider. Det kan godt forsvares at bruge en tabel til denne funktion, men tabellen bør opmærkes korrekt med header og id. Man skal også være opmærksom på at sætte informationerne op i en logisk orden. Som det er nu bliver oplæsningen af tabellen svært tilgængelig, da informationerne ikke kommer i logisk rækkefølge.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - spørg biblioteksvagten
URL: http://www.biblioteksvagten.dk/sporgsmaal.asp
Beskrivelse
Siden indeholder en formular, hvor man kan stille sit spørgsmål til Biblioteksvagten.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- I to tilfælde har man placeret teksten "Vælg" inde i comboboxe. "Vælg" er ikke en valgmulighed og bør ikke placeres blandt valgmulighederne i comboboxen, men i stedet udenfor med en <LABEL>.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Oplysningen om, at "*" betyder at feltet skal udfyldes, bør komme før alle formularelementerne. Som det er nu kommer den først efter første input felt i den logiske rækkefølge.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering:
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Andre spørgetjenester
URL: http://www.biblioteksvagten.dk/sporgetjenester.htm
Beskrivelse
Siden indeholder en række links til andre spørgetjenester på Internettet. Linkene er ordnet i 8 forskellige kategorier.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering:
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Om biblioteksvagten
URL: http://www.biblioteksvagten.dk/omvagten.htm
Beskrivelse
På siden findes en beskrivelse af biblioteksvagten med forskellige faktuelle oplysninger og en kort brugsvejledning.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Der er brugt tabeller til layout, det anbefales at anvende CSS. Tabel opbygningen er især et problem i forbindelse med åbningstiderne. Her er tabellen ikke opbygget logisk, hvilket betyder, at rækkefølgen skærmlæserbrugeren får informationerne i, gør den svært tilgængelig. Det anbefales i øvrigt også at skrive ugedagene ved deres fulde navne.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
Tilgængelighedsvurdering:
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Projektbeskrivelse
URL: http://www.biblioteksvagten.dk/projekbeskrivelse.htm
Beskrivelse
På denne side kan man læse projektbeskrivelsen for Biblioteksvagten samt projektets budget.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Til at vise projektets budget er brugt en tabel, hvilket i sig selv er i orden. Men tabellen bør være korrekt opmærket med headers og id og overskrifterne bør være markeret med <TH> i stedet for <STRONG>. Det er vigtigt at opbygge tabeller logisk og ikke kun så de "ser" logiske ud. Ellers bliver de hurtigt utilgængelige for skærmlæserbrugere.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering:
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Savner du svar
URL:http://www.biblioteksvagten.dk/uanbring.htm
Beskrivelse
På denne side er anbragt en række spørgsmål og svar, som biblioteksvagten af den ene eller den anden grund ikke har kunne komme af med til spørger.
Tilgængelighedsproblemer
- Der mangler alternative tekster på billederne.
- Der er brugt farven gul til aktive links. Gul har en meget dårlig kontrast til sidens baggrundsfarve hvid, og de aktive links bliver derfor nærmest ulæselige.
- Der er brugt grafik som tekst. Denne tekst står utydeligt, når den bliver forstørret på grund af skyggeeffekten. I stedet for grafik til tekst anbefales det at anvende CSS.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering:
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksvagten - Chat med vagthavende bibliotekar
URL:http://hc2.humanclick.com/hc/37514982/?cmd=file&file=visitorWantsToChat&site=37514982&byhref=1
Beskrivelse
Siden åbner i et nyt browservindue og i Biblioteksvagtens åbningstid er der mulighed for at chatte med en bibliotekar. Der er en dialogboks, hvor man kan se bibliotekarens kommentarer og sine egen. Og der er et felt, hvor man kan indtaste egne kommentarer.
Tilgængelighedsproblemer
- Siden er komplet utilgængelig for skærmlæseren, der kløjs fuldstændig i de javascripts den er bygget op med. Man kan skrive sine kommentarer, men ikke læse i dialogboksen, hvad bibliotekaren svarer.
- Der er tre grafisk links på siden, der ikke er tilgængelig, da de mangler alt-tekst eller title. De to af dem har stor betydning, da det er "luk Vindue" funktionalitet og "Send".
- Der mangler <LABEL> på inputfelterne. Der mangler desuden en angivelse af, hvad man skal skrive i det sidste inputfelt.
- Der mangler en advarsel om, at der åbnes et nyt vindue, når man klikker på chatten.
Tilgængelighedsvurdering:
Siden bliver vurderet til 0 førerhund, hvilket vil sige "Ubrugelig"
Biblioteksvagten - Send en besked
URL:http://hc2.humanclick.com/hc/37514982/?cmd=file&file=visitorWantsToChat&site=37514982&byhref=1
Beskrivelse
Siden består - udenfor åbningstid - af en formular, hvor man kan sende en besked til den vagthavende bibliotekar ved at skrive sit navn, e-mail, og en besked. Det er ikke umiddelbart til at se, hvad forskellen er på at sende denne formular eller den store "Spørg biblioteksvagten" formular.
Tilgængelighedsproblemer
- Der er tre grafisk links på siden, der ikke er tilgængelig, da de mangler alt-tekst eller title. De to af dem har stor betydning, da det er "luk Vindue" funktionalitet og "Send".
- Der mangler <LABEL> på inputfelterne. Der mangler desuden en angivelse af, hvad man skal skrive i det sidste inputfelt.
- Der mangler en advarsel om, at der åbnes et nyt vindue, når man klikker på chatten.
Tilgængelighedsvurdering:
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig"

Test af DEfs hjemmeside
Generelt om DEf's hjemmeside
DEf vejviseren er en portal til en række store og små danske forskningsbibliotekers hjemmesider og kataloger med mulighed for at søge i alle bibliotekernes bestand samtidig.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af forsiden og fem andre sider. Desuden er der en kort bemærkning om hjemmesidens øvrige sider.
Det generelle indtryk af DEf's hjemmeside er, at siderne kan bruges, men at nogle få mindre ændringer vil øge tilgængeligheden for handicappede brugere betydeligt.
De mest alvorlige tilgængelighedsproblemer på DEfs hjemmeside kan opsummeres således:
- Der mangler attributten title på en hel del grafiske links, hvilket gør dem utilgængelige, da skærmlæserbrugeren ikke kan vide, hvad de linker til.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der er på siderne generelt et problem med billeder brugt som bullets og som vandrette linier. Disse billeder mangler alternative tekster. For bullets bør den alternative tekst være alt="*" eller alt=" ". Vandrette linier bør have den alternative tekst alt="-" eller alt=" ". Det er dog generelt en dårlig løsning at bruge billeder som bullets og som vandrette linier. Man bør bruge HTML liste elementet <UL> og HTML elementet <HR> til vandrette streger. Man kan vha. CSS definere, hvilke billeder der skal være bullets i en HTML liste.
- På sider med visning af søgeresultater kan man ændre opdeling eller visningsformat vha. de to sæt af radioknapper og en checkboks. Dette medfører dog, at siden opdateres automatisk, uden brugeren på forhånd bliver orienteret herom. Dette kan virke meget desorienterende for f.eks. en blind bruger, da man efter opdateringen står et andet sted på siden.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider ligger på 2 førerhunde, hvilket vil sige "Mindre velegnet".

DEf forside
URL: http://www.deff.dk/vejviser/
Beskrivelse
Indgangsside til DEf portalen med et søgefelt og med links til resten af portalen.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der er for dårlig kontrast mellem for- og baggrund. Her tænkes specielt på den grå tekst.
- Når man bruger billeder af tekst, er det en fordel hvis der ikke er skygger eller lignende på teksten, dvs. der skal være en skarp overgang mellem teksten og baggrunden. Dette gør at forstørrelsesprogrammet ZoomText kan udglatte teksten, når det forstørrer skærmbilledet.
- Det ville være mere hensigtsmæssigt om knappen "Søg" kom umiddelbart efter tekstboksen i tab-ordenen.
- Der mangler en angivelse af sproget på siden. Denne sættes i HTML tagget i toppen: <HTML lang="da">
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Biblioteksoversigt - Anden side
URL: http://www.deff.dk/vejviser/list.zap?sprog=dk
Beskrivelse
Siden indeholder en liste over en række større og mindre forskningsbibliotekers hjemmesider og bibliotekskataloger.
Tilgængelighedsproblemer
- Der mangler attributten title på de blå bullets, der er links til bibliotekernes hjemmesider og bibliotekskataloger. For linkene til Aalborg Universitetsbiblioteks hjemmeside og bibliotekskatalog kunne title attributten f.eks. være hhv. "Aalborg Universitetsbiblioteks hjemmeside" og "Aalborg Universitetsbiblioteks katalog".
- Tabellen som indeholder linkene til bibliotekernes hjemmesider og kataloger er ikke mærket korrekt op vha. header og id attributterne. Endvidere bør overskrifterne i tabellens kolonner opmærkes vha. TH i stedet for TD.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Resultat af søgning (på 'fysik') - tredje side
URL: http://www.deff.dk/vejviser/portal.zap?portquery=fysik&portsort=type-sort&browseIn=termType&subject=tt&tree=def26&sd=s&sprog=dk
Beskrivelse
Resultat af en søgning på ordet "fysik" i søgefeltet på forsiden, delt op i kategorierne "Matchende emnegrupper", "Linkssamlinger/virtuelle biblioteker", "Reference" og "Diverse'".
Tilgængelighedsproblemer
- Når brugeren ændrer opdeling eller visningsformat vha. de to sæt af radioknapper, opdateres siden automatisk, uden brugeren på forhånd bliver orienteret. Dette kan virke meget desorienterende for f.eks. en blind bruger, da brugeren efter opdateringen står et andet sted på siden. Det samme gør sig gældende for checkboksen "Vis emner". En bedre løsning kunne f.eks. være at have en "Opdater søgning" knap.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til. Endvidere bør man gruppere radioknapperne vha. fieldset elementet.
- Linket 'Se dem!' bør have et titel, f.eks. title="Se de 146 fund på bibliotekernes websites!".
- Når man vælger lang visning, vises nogle links med blot linkets URL. Disse links bør have en titel, som beskriver hvad linket fører til.
- Linkene til fundene under "Linkssamlinger/virtuelle biblioteker", "Reference" og "Diverse" optræder hver to gange, en på den lille trekant, der bliver brugt som bullet og en gang på selve teksten. Dette er et problem, da det for en blind bruger ser ud som om der er mange flere links, end der reelt er. I dette tilfælde kan man blot slå de to links sammen til ét.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Resultat af fritekstsøgning (på 'fysik') - fjerde side
URL: http://www.deff.dk/vejviser/portal-search-text-2.zap?sprog=dk&portqueryreg=fysik
Beskrivelse
Liste med link til fund på bibliotekernes websites, som indeholder ordet 'fysik'.
Tilgængelighedsproblemer
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 4 førerhunde, hvilket vil sige "Velegnet".

Udvidede søgemuligheder - femte side
URL: http://www.deff.dk/vejviser/portal.zap?sprog=dk&sd=u&tree=def26&subject=fysik
Beskrivelse
Avanceret søgeside med mulighed for at skrive flere søgeord og for at vælge bibliotek og ressourcetype.
Tilgængelighedsproblemer
- Når brugeren ændrer opdeling eller visningsformat vha. de to sæt af radioknapper, opdateres siden automatisk, uden brugeren på forhånd bliver orienteret. Dette kan virke meget desorienterende for f.eks. en blind bruger, da brugeren efter opdateringen står et andet sted på siden. Det samme gør sig gældende for checkboksen 'Vis emner'. En bedre løsning kunne f.eks. være at have en 'Opdater søgning' knap.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til. Endvidere bør man gruppere radioknapperne vha. fieldset elementet.
- Linket 'Se dem!' bør have et titel, f.eks. title="Se de 146 fund på bibliotekernes websites!".
- Når man vælger lang visning er der nogle links, hvor teksten blot er linkets URL. Disse link bør have en titel, som beskriver hvad linket fører til.
- Linkene til fundene under "Linkssamlinger/virtuelle biblioteker", "Reference" og "Diverse" optræder hver to gange, en på den lille trekant, der bliver brugt som bullet og en gang på selve teksten. Dette er et problem, da det for en blind bruger ser ud som om der er mange flere links, end der reelt er. I dette tilfælde kan man blot slå de to links sammen til ét.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Nyheder - sjette side
URL: http://www.deflink.dk/nyhed.ihtml?count=0&sog=:sog&sogantal=:sogantal
Beskrivelse
Side(er) med liste over nyheder, der er relateret til DEf.
Tilgængelighedsproblemer
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 4 førerhunde, hvilket vil sige "Velegnet".

Søg (i nyheder) - sjette side
URL: http://www.deflink.dk/sog.ihtml
Beskrivelse
Søgeformular til søgning i nyhederne, med mulighed for fritekstsøgning og for at vælge emne.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Øvrige sider
På de øvrige sider under DEf er der generelt de samme tilgængelighedsproblemer som dem nævnt i rapporten.
Test af Forfatternet.dk
Generel beskrivelse
Forfatternet.dk er en portal, der består af et netværk af hjemmesider om nulevende danske forfattere. Hovedindholdet er en gennemgang af p.t. ca. 500 forfattere, indeholdende biografi, bibliografi, litterære priser mv.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af forsiden og de vigtigste underliggende sider. Desuden er der en kort bemærkning om hjemmesidens øvrige sider.
Det umiddelbare indtryk af forfatternet.dk er forholdsvis godt. Det er nemt at orientere sig via indgangssiden. Det er dog nogle uhensigtsmæssigheder, der trækker ned. Især da nogle af hjemmesidens vigtigste sider er meget svært tilgængelige.
De mest alvorlige tilgængelighedsproblemer på hjemmesiden ForfatterNet kan opsummeres således:
- Der mangler attributten title på en hel del links med ellers identiske navne. Dette gør dem utilgængelige, da skærmlæserbrugeren ikke kan vide, hvad de linker til.
- Der mangler nogle steder alternative tekster på billeder.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Siten består af to typer af sider: en med rammer og en uden. De er meget forskellige i deres layout (fx menuvalg i henholdsvis venstre og højre side). Det vil fremme tilgængeligheden, hvis opbygningen af siderne er mere konsekvent og konsistent.
- Der er steder, hvor tabuleringsrækkefølgen ikke er logisk
Den samlede bedømmelse af tilgængeligheden på de testede sider ligger på 2 førerhunde, hvilket vil sige "Mindre velegnet".

Forfatternet.dk - forside
URL: http://www.forfatternet.dk
Beskrivelse
Indgangssiden til ForfatterNet er klart, logisk og overskueligt opbygget. Der er 12 links på siden, hvor de 8 er hovedemner og de 4 resterende er billeder af 4 aktuelle forfattere. Hovedemnerne er entydige og det er enkelt at finde frem til det emne, man skal bruge.
Tilgængelighedsproblemer
- Da de otte links udgør en liste og pga. af pilene ligner en liste, burde de også være opmærket som en liste med <UL>. Pilene bør have alternativ tekst som alt="*" eller alt=" ".
- Der skal altid være alternative tekster til billeder. Her mangler en alt-tekst til billedet af de fire fyldepenne øverst til højre på skærmen.
- Det bør defineres hvilket sprog, der bruges på siden: <HTML lang="da">.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt. Med style sheets kan man definere de forskellige elementers placering på siden ved hjælp af marginer og man kan sætte de sorte pil-billeder ind i en liste . Dog vil det være acceptabelt at beholde det nuværende design med tabeller, fordi det ikke umiddelbart forstyrrer tilgængeligheden, hvis man bruger den nyeste version af skærmlæsere.
Tilgængelighedsvurdering
Siden bliver vurderet til 4 førerhunde, hvilket vil sige "Velegnet".

Forfatterregister
URL: http://www.forfatternet.dk/register/home.htm
Beskrivelse
Forfatterregistret er overskueligt med en alfabetisk indgang - bogstav for bogstav - samt en slags menuoversigt med signifikante emneord i højre side af skærmen.
Tilgængelighedsproblemer
- Der skal altid være alternative tekster til billeder. Her mangler alt-tekst på billeder, som ikke umiddelbart indeholder nogen information, f.eks. den røde vandrette linie . Et sådan billede bør opmærkes med alt="-"> eller alt=" ".
- Det vil være en fordel, hvis siderne af denne type designes vha. fx 2 rammer. Som den er nu, vil skærmlæserbrugeren få læst linkene i "menu-oversigten" i den blå ramme op hver gang og hver gang til sidst. Ved brug af rammer vil det lette navigationen, hvis menuen ligger i den ene ramme og hovedindholdet ligger i den anden ramme
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Forfatterregister - enkeltbogstav
URL: http://www.forfatternet.dk/register/forfatter_B.htm
Beskrivelse
Når man har valgt et bogstav i selve forfatterregistret kommer man til en side, som består af en række links, hvor man kan vælge enkelte forfattere under det valgte bogstav. Man kan også vælge et helt nyt bogstav eller emnerne i menuen i højre side.
Tilgængelighedsproblemer
- Tabuleringsrækkefølgen er ikke gennemført logisk, idet man efter det sidste forfatternavn i rækken af forfattere springer videre til "menuen" i højre side med mere generelle links, hvorefter man springer til links om den øverste forfatter i rækken uden dog at få vedkommendes navn med. Dvs. opbygningen ikke er logisk.
- Sidens funktionalitet er bygget op med javascripts, der gør, at når man aktivt vælger en forfatter i den alfabetiske oversigt, vises de relevante links til den valgte forfatter. Dette sker dog på samme side uden at ændre de øvrige oplysninger på siden. Der er brugt tabeller til at placere disse informationer og dette giver skærmlæserbrugeren store problemer. Hvad værre er, er at alle linkene til sider om de enkelte forfattere i oversigten over det specifikke bogstav, i realiteten ligger på siden. På skærmen vises så kun linkene for den aktuelle forfatter, man har klikket på, men da informationer rent faktisk ligger på siden - blot skjult på skærmen - læses de op i en lang række af skærmlæseren. For at skærmlæserbrugeren overhovedet skal have en chance for at finde de specifikke informationer om den valgte forfatter, bør der linkes direkte fra forfatternavnet til linkene om den valgte forfatter.
- Når man forsøger at få overblik ved at se alle links på siden, hvilket er en særlig funktionalitet, skærmlæseren har, er det et problem, at linkene i mange tilfælde har identiske navne, såsom Kalliope, ForfatterNet, Danske forfatterprofiler, etc., der gentages for hver enkelt forfatter. Det ville være en stor hjælp, hvis hvert link fik en title med forfatterens navn f.eks. "Suzanne Brøgger, Kalliope", og "Suzanne Brøgger, ForfatterNet" etc.
- Der mangler et "til top" link bunden af siden.
- Det vil øge overskueligheden, hvis siden udformes med rammer - som nævnt ovenfor. Desuden ville det også lette forståelsen væsentligt, hvis linkene til den valgte forfatter vises i en ramme for sig med tydelig angivelse af forfatternavn.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Et forfatterportræt - her Suzanne Brøgger
URL: http://www.ringstedbib.dk/forfatternet/Suzannebrogger/index.htm
Beskrivelse
Alle forfatterportrætter på ForfatterNet er bygget op som en side bestående af 2 rammer; en "menu"-ramme i venstre side og en ramme med hovedindholdet. Desuden er der ofte et foto af den portrætterede forfatter
Tilgængelighedsproblemer
- Der mangler alternativ tekst på billedet af forfatteren.
- Rammerne bør have sigende name og title attributter. Nu har rammerne "indhold" og "vindue", som name. Lidt mere præcise betegnelser ville måske være "menu" og "hovedindhold" til både name og title.
- Beskrivelserne af forfatterne er meget uensartet layoutmæssigt. Der er meget varierende linielængder, som kan gøre det sværere for den læsehandicappede at orientere sig i teksten. F.eks. varierer linielængden i beskrivelsen af Susanne Brøgger fra få karakterer (17) op til fuld linielængde uden nogen god grund. Linielængderne bør være så ensartede som muligt.
- Der bør være et "til top" link i bunden af siden.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt kursiv som skrifttype til fire links. Kursiv nedsætter i mange tilfælde læsbarheden for læsehandicappede, så det anbefales kun at bruge kursiv, når det er nødvendigt.
- I både "indhold" rammen til venstre og "vindue" rammen er der links til ForfatterNet, ForfatterNet Ringsted og Ringsted bibliotek. Der er unødigt dobbeltkonfekt og tager desuden tid for skærmlæserbrugeren at få det læst op to gange.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Find bogen på dit bibliotek
URL: http://www.ringstedbib.dk/forfatternet/Suzannebrogger/index.htm
Beskrivelse
Under "Bibliografi" kan man vælge en bogtitel og finde ud af hvilket bibliotek, der har bogen på siden "find bogen på dit bibliotek". Denne side består af to rammer. I rammen til højre vises et danmarkskort, hvor man først skal vælge et amt ud og herefter i en combobox udpege et bibliotek i listen over de biblioteker, der har bogen. I venstre ramme vises en menu.
Tilgængelighedsproblemer
- Rammen i venstre side (tidl. "indhold") mangler både name og title, derfor får skærmlæserbrugeren oplyst, at der er to rammer, den ene uden navn og den anden med navnet "vindue". Det er forvirrende for brugeren.
- Comboboxen er ikke korrekt opmærket med HTML elementet <LABEL>. Og "Søg"- knappen bør flyttes til under comboboxen, idet den ellers ligger ulogisk i tabuleringsrækkefølgen, nemlig før biblioteket er fundet.
- Der mangler en alternativ tekst, der fortæller at billedet forestiller et danmarkskort.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Div. sider med formularer:
Postkasse for læsere og brugere
URL: http://www.forfatternet.dk/postkasse/brugere.htm
Postkasse for forfattere, der gerne vil have deres portræt på ForfatterNet
URL: http://www.forfatternet.dk/postkasse/forfattere.htm
Postkasse for folkebiblioteker der gerne vil være med til at udarbejde ForfatterNet
URL: http://www.forfatternet.dk/postkasse/biblioteker.htm
Søg i ForfatterNet portrætterne
URL: http://www.forfatternet.dk/soege.htm
Beskrivelse
Alle disse sider er opbygget uden rammer med en eller anden form for formular samt en slags menu i højre side indeholdende en række links.
Tilgængelighedsproblemer
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Lidt større afstand mellem "Send" og "Slet" knapperne vil være en fordel for personer med motoriske handicap og andre, der har vanskelig ved at styre musen
- Tilgængeligheden vil fremmes, hvis siderne blev bygget op med rammer som nævnt i eksemplet med forfatterregistret ovenfor.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "brugbar"

Test af Finfo's hjemmeside
Generelt om Finfo's hjemmeside
Finfo er et informationsnetværk for etniske minoriteter i Danmark bygget op som en
portal, hvor man kan finde relevante oplysninger af lokal, national og global karakter.
Generel tilgængelighedsvurdering
Rapporten består af en gennemgang og vurdering af forsiden og de vigtigste af de underliggende sider. Desuden er der en kort bemærkning om hjemmesidens øvrige sider.
Det generelle indtryk af Finfo's hjemmeside er forholdsvist godt, der er gode og sigende navne på linkene og kontrasten på siderne er god. Der er dog nogle mindre fejl, der trækker ned, men som man nemt kan rette op på.
De mest alvorlige tilgængelighedsproblemer på hjemmesiden Finfo kan opsummeres således:
- Der mangler nogle steder alternative tekster på billeder.
- Titlerne på formularelementerne er ikke korrekt opmærket med HTML elementet <LABEL>, der holder styr på hvad felterne er til.
- Der bør ikke bruges event handler'en OnChange i comboboxen "Vælg kommune eller amt". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 i boksen - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det altid være et aktivt valg fra brugerens side.
- Når der bruges rammer bør disse have mere signifikante navne.
Den gennemsnitlige bedømmelse af tilgængeligheden på de testede sider ligger på 2 førerhunde, hvilket vil sige 'Mindre velegnet'.

Finfo's forside
URL: http://www.finfo.dk
Beskrivelse
På indgangssiden er der links til de lande/områder siten indeholder oplysninger om, samt link til "Om finfo", "mail" m.m.
Tilgængelighedsproblemer
- Der mangler alternativ tekst på FINFO logoet på denne og alle de følgende sider.
- Titlen på comboboxen "vælg kommune eller amt" bør placeres foran boksen og ikke inde i den. Når man bruger formularer, skal man desuden opmærke hvert formularfelt med <LABEL>, for at holde styr på, hvad feltet er til.
- Der bør ikke bruges event handler'en OnChange i comboboxen "Vælg kommune eller amt". En bruger uden mulighed for at anvende mus (som f.eks. den blinde bruger) anvender pile tasterne til at navigere i comboboxe. En sådan bruger har ikke en chance for at vælge, da et tryk på piletasten medfører, at man straks ryger hen på valgmuligheden, der er nr. 2 i boksen - uden at få muligheden for at "se" resten af mulighederne i comboboxen. Når et vindue skifter, skal det altid være et aktivt valg fra brugerens side.
- Linkene på siden er opstillet inkonsekvent. Nogle er med fede typer og meget "luft" omkring, mens andre er med mindre, almindelige typer grupperet tættere - uden der er nogen indlysende tematisk sammenhæng i mellem dem. For den læsehandicappede skaber denne opstilling og forskelligartede brug af layout stor forvirring. En ensartet opstilling og et konsistent layout vil lette overblikket.
- Linkene med navnene "Om FINFO Danmark" og "Information om FINFO" viser hen til den samme side, hvilket kan forvirre den urutinerede bruger.
- Det bør defineres hvilket sprog, der bruges på siden: <HTML lang="da">.
- Man bør bruge CSS i stedet for HTML elementet FONT til at definere tekstfonte. Endvidere skal man huske at bruge relative størrelsesangivelser.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Verden - Global link index
URL: http://www.finfo.dk/verden/home.htm
Beskrivelse
Siden indeholder links til generelle informationer, samt links til enkelte lande (vha. navn og flag) og links til sprogområder, verdensdele eller andre sproglige grupperinger.
Tilgængelighedsproblemer
- Der mangler alternativ tekst på FINFO logoet og på flagene.
- Der er to links for hvert af landene: ét på selve billedet af flaget og ét på landenavnet. Skærmlæserbrugeren får således begge linkene læst op hver gang. I stedet bør man lave ét fælles link.
- Der er også her links med 2 forskellige navne ("Somaliske Sider" og "Somalia"), der fører det samme sted hen, hvilket kan være forvirrende.
- Der bør være et "Til top" link i bunden af siden.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Enkeltlande - Bosnien
URL: http://www.finfo.dk/verden/bosnien.htm
Beskrivelse
For hvert enkelt land er der samlet og systematiseret en række links til informationer om det pågældende land, f.eks. til aviser, tidsskrifter, kultur, radio/tv m.m. Teksten er sat op i to spalter. I testen er Bosnien valgt som eksempel.
Tilgængelighedsproblemer
- Brugen af flag efter nogle af linkene er ikke forklaret. Dvs. at man først efter flere forsøg finder ud af, at det betyder at siden, der linkes til, er på originalsproget. Man kan sætte en alternativ tekst på flaget, som beskriver at linket er på bosnisk og undlade at gøre det til et link for at lette overblikket.
- Mange af linkene på siden har et flag placeret umiddelbart efter linket. Dette flag er opmærket som et link til det samme som linket lige foran. Linkene har imidlertid to forskellige navne fx "Bosanski Kulturni Centar" og "flag/bosienflag", så det forvirrer skærmlæserbrugeren. Enten skal det være ét link incl. flag eller også bør flaget ikke være link.
- Der bør være et "Til top" link i bunden af siden.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 2 førerhunde, hvilket vil sige "Mindre velegnet".

Finfo Danmark
URL: http://www.finfo.dk/finfdk.htm
Beskrivelse
Siden indeholder information for etniske minoriteter i Danmark og består kun af links - opdelt efter emne.
Tilgængelighedsproblemer
- Der mangler alternativ tekst på FINFO-logoet.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Sundhed & sygdom
URL: http://www.finfo.dk/sundhedogsygdom.htm
Beskrivelse
Hvis man vælger et af linkene på siden "Finfo Danmark", kommer man til en række næsten ens opbyggede sider. I dette tilfælde er valgt emnet "Sundhed og Sygdom", hvor der er oplysninger om den offentlige sygesikring, lægehjælp, hospital m.m. Siden er bygget op med to spalter, hvor der under hvert link gøres nøjere rede for linkets indhold.
Tilgængelighedsproblemer
- Der bør være et "Til top" link i bunden af siden.
- Der er også her flere forskellige linknavne til nøjagtig det samme link- f.eks. "Finfo home" og "home". Man kan her blive i tvivl om der henvises til samme side.
- Der er brugt tabeller til at sætte sidens layout. Det anbefales, at der anvendes CSS til layout, hvis det er muligt.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Information om Finfo - for Ethnic Minorities in Denmark
URL: http://www.finfo.dk/aboutfinfo.htm
Beskrivelse
Der er lavet en grundig introduktion til Finfo på 7 forskellige sprog, arabisk, engelsk, fransk, bosnisk/serbisk/kroatisk, dansk, tyrkisk og somali
Tilgængelighedsproblemer
- Der mangler alternativ tekst til FINFO logoet. Teksten bør i dette tilfælde være på engelsk.
- Det bør defineres, hvilket sprog, der bruges, især når det skifter set skrives i <html lang="eng">
- Der bør være et "Til top" link i bunden af siden.
Tilgængelighedsvurdering
Siden bliver vurderet til 3 førerhunde, hvilket vil sige "Brugbar".

Kort information om FINFO - Albansk
URL: http://www.aakb.dk/publikationer/finfo/html/albansk.htm
Beskrivelse
Siden indeholder en kort introduktion til Finfo. Der findes tilsvarende sider for i alt 14 forskellige sprog. Siden består af rammer og selve introduktionsteksten er et billede.
Tilgængelighedsproblemer
- Det bør defineres, hvilket sprog, der bruges, især når det skifter fx <html lang="al">.
- Sidens rammer bør have signifikante navne, som fx "menu" og "hovedramme"
- Selve teksten i hovedrammen er sat rent grafisk. For at skærmlæseren kan videregive disse informationer, skal der linkes til en tekstversion vha. et d-link. Som det er nu er informationerne helt utilgængelige.
Tilgængelighedsvurdering
Siden bliver vurderet til 1 førerhund, hvilket vil sige "Svært tilgængelig".

Nota - Tilgængelige hjemmeside:
http://www.nota.nu/Tilgaengelig/
Statens Information - Gode råd om netsteder: http://www.si.dk/netsteder/
Center for tilgængelighed - Tilgængelighed på Internet: http://www.centil.dk/internet/
Center for Ligebehandling - Gør din hjemmeside tilgængelig: http://www.clh.dk/links/webinfo.htm
WAI's retningslinier for tilgængeligt web design - http://www.w3.org/TR/WAI-WEBCONTENT/
WAI's tekniske vejledning i tilgængeligt design med links til tekniske løsningsforslag inden for de 14 hovedområder - http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/
Testen er udført af:
Alice Brødsgaard
Ole Holst Andersen
Bo Søren Ebsen
Susie Christensen
Rapporten er skrevet af:
Susie Christensen
Webcenter - Nota - November 2000
Top | Webredaktion |
Sitemap