Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.

Slides:



Advertisements
Lignende præsentationer
Tilgængelighed Århus kommunes hjemmeside Helene Nørgaard Bech Sensus ApS April 2010 l.
Advertisements

Tilgængelighed og elektroniske dokumenter Lbc/ Helene Nørgaard Bech Sensus ApS Juni 2010.
Introduktion til HTML HTML dokumentets struktur & Indhold.
Introduktion til CSS Godt i gang med CSS. 201 – V1 – Introduktion til CSS Hvad er stylesheet?
Redaktørkursus i tilgængelighed og tilgængelige dokumenter Helene Nørgaard Bech Sensus ApS 24. februar 2011 l.
Grafik Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
XSLT – visualisering af data fra Kortforsyningen® XSLT (eXtensible Stylesheet Language Transformation) – transformation imellem sprog Julian Hollingbery,
Tilgængelighed og elektroniske dokumenter. Retningslinjer •For ikke-W3C formater –Word, Excel, PDF, Flash, ODF,... –Hvis utilgængelige, så skal findes.
Strategikonsulent – Middelfart Kommune
Introduktion til HTML Hypertekst referencer. Uden links – Hypertekst referencer – intet world wide web. World wide web er et Hypermedium….. Link definition.
Tilgængelighed København Kommunes hjemmeside Maria Barrett Sensus ApS l.
Sidetyper Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Links Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Interaktion 4 Stefan Grage.
Sikring af tilgængelighed er en proces!
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.3.
Undervisning i Plone CMS marts 2014 Lær at lægge indhold på koncernens websteder.
POSITIONERING Stefan Grage
Side-egenskaber Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Join.me/webkursus. * Vi kan nu ramme de html-elementer vi vil… * Lad os få placeret vores “kasser”/strukturelle elementer * Dertil bruger vi en række.
Web tilgængelighed Do’s and dont’s
Introduktion til tilgængelighed og tilgængeligt webdesign.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Køb og drift af tilgængelige netsteder lbc/ /2.0.
Sensus Tilgængelighed i PDF-filer - Adobe Professional Helene Nørgaard Bech Sensus ApS.
Kursus i tilgængelighed. Praktisk Undervisere –Helene Nørgaard Bech –Jacob Nielsen Kursusmappens indhold Alternative formater/elektroniske versioner Dagens.
Dag 4 - dagsorden: Formål: I skal lære at lave menuer I Tekst/CSS-baserede menuer 1. Lodret menu med mouse-over-effekt 2. Vandret menu med mouse-over-effekt.
Redaktørkursus i tilgængelighed og tilgængelige dokumenter Maria Barrett Sensus ApS 16. februar 2011 l.
XML1 4.7 XML and Its Data Model. XML2 Introduktion til XML, 178 XML = eXtensible Markup Language Markup language –sprog, hvor data "pakkes ind" i tags.
XML1 4.7 XML and Its Data Model. XML2 Introduktion til XML, 178 XML = eXtensible Markup Language Markup language –sprog, hvor data "pakkes ind" i tags.
Tilgængelighed og elektroniske dokumenter Lbc/. Program Tilgængelighed til dokumenter generelt Word og InDesign Tilgængelighed til pdf-filer Øvelser.
Kursus i tilgængelighed for webmastere, informationsmedarbejdere, redaktører, indkøbere og it-chefer.
Sensus Tilgængelighed i PDF-filer - Århus kommune Helene Nørgaard Bech Sensus ApS 12. august 2009.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS.
Overblik over kompenserende teknologier lbc/ /2.0.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS.
Tilgængelighed og elektroniske dokumenter. Retningslinjer For ikke-W3C formater –Word, Excel, PDF, Flash,... –Der skal findes tilgængelige alternativer.
Øvelsesgang 1 - DWDK Rikke Poulsen. Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil.
Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.4.
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.1.
Tilgængeligt webdesign Helene Nørgaard Bech Sensus ApS.
Implementering af eget design til en D!ng-hjemmeside v/ Ewan Andreasen
XML Rasmus D. Lehrmann DM Indhold Hvad er XML? XML standarder Hvor bruges XML? XML struktur Træ struktur Element & Attribute Syntaks i XML Stylesheets.
Kursus i tilgængelighed. Praktisk Undervisere –Lars Ballieu Christensen –Helene Nørgaard Bech –Jacob Nielsen –Maria Barrett Sensus Kursusmappens indhold.
Kursus i tilgængelighed for webmastere, informationsmedarbejdere, redaktører, indkøbere og it-chefer.
Tilgængelighed og elektroniske dokumenter lbc/ /2.1.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Afsluttende kommentarer. Generelle anbefalinger Tilgængelighedspolitik Udbudsmateriale Uddannelse af medarbejdere Vurdering af nuværende status –Egne.
Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
DWDK Øvelsesgang 2. Tegnsæt: utf-8 vs. iso Utf-8 = universelt tegnsæt Giver advarsel i validator Dokument skal gemmes i utf-8 format i notepad.
Overblik over kompenserende teknologier. Kompenserende teknologier Ikke alle anvender kompenserende teknologier –Det gør især blinde, svagsynede, døvblinde,
Tilgængelighed og Content Management Systemer - ATAG.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
XML 2. Formatering af XML data med CSS Når man arbejder med XML og CSS er fremgangsmåden den samme som i forbindelse med HTML og CSS.
ATAG Tilgængelighed og Content Management Systemer.
DWDK – øvelsestime 3 CSS – let the fun begin!!. Tilgængelige slides Disse slides ligger på mit public drev
Grundlæggende DW, HTML, CSS, udskæring.
Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS.
Usability – 3. november: Tilgængelighedstests Vigtige deadlines! Dagens øvelse Tilgængelighedsrapport Usability-rapport Næste uge.
Udvikling af mobilsites Einar Gislason / FTF. Mobilsites Mobilvenlige sites.
Øvelsestimer (opgave 3) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.4.
Præsentationens transcript:

Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS

Sensus Tilgængeligheden til offentlige danske netsteder I foråret 2008 blev en større undersøgelse foretaget af tilgængeligheden til offentlige danske netsteder. Undersøgelsen viste at ingen af de 234 testede netsteder er fuldt tilgængelige. En anden undersøgelse viser at 97% af alle offentlige netsteder på Europæisk plan er utilgængelige.

Sensus WCAG - Web Content Accessibility Guidelines Undersøgelsen af tilgængeligheden til offentlige danske netsteder blev foretaget med baggrund i WCAG - Web Content Accessibility Guidelines prioritet 1 og 2 (A & AA). Nye krav om anvendelse af åbne standarder i det offentlige fra januar 2008 – overholdelse af WCAG i nye løsninger.

Sensus Krav i de nye åbne standarder – hvem gælder det for? (kilde: ITST) •Aftalen omfatter generelt de samme forvaltningsmyndigheder som f.eks. eDagene •Den kommunale forvaltning –rådhuset men ikke skolen •Den regionale forvaltning –regionen men ikke sygehuset •Den statslige forvaltning –ministeriets koncern med departement, styrelser og direktorater, men ikke universitetet •Selvejende institutioner er ikke omfattet

Sensus Hyppige brud på retningslinierne I det følgende gennemgås de mest hyppige problematikker i forhold til WCAG, som optræder på offentlige netsteder, ifølge kortlægning af (forår 2008):

Sensus Hyppige brud på retningslinierne Manglende alternativer til grafik (95%) Brugere af skærmlæsere får ikke information om hvad billedet indeholder. Det er et stort problem hvis billedet også er et link. Hvis grafik ikke bærer information så lav tom alternativ tekst.

Sensus Hyppige brud på retningslinierne At flytte brugerens fokus uden at informere om det (fx. ved at åbne et nyt vindue) og at anvende pop up (91%) Undgå at anvende pop up. Hvis det alligevel gøres skal brugeren informeres om dette. Det samme gælder hvis man fører brugeren over til et nyt netsted.

Sensus Hyppige brud på retningslinierne Labels er ikke placeret korrekt ved formularelementer (60%) Labels skal stå umiddelbart foran kontrollen på samme linje eller stå på linjen umiddelbart før kontrollen. Navn:

Sensus Hyppige brud på retningslinierne At anvende andre teknologier end W3C teknologier hvor W3C teknologier er mulige (89%) Brug W3C teknologier såsom: –MathML til matematiske ligninger –HTML, XHTML, XML til strukturerede dokumenter –RDF til meta data –SMIL til at udvikle multimedie præsentationer –CSS og XSL til at definere style sheets –XSLT (Extensible Stylesheet Language Transformations ) til at udvikle stil ændringer

Sensus Hyppige brud på retningslinierne Manglende alternativ til utilgængeligt indhold (58%) Hvis indholdet ikke er tilgængeligt, skal der som minimum være en alternativ side, som har det samme indhold som den oprindelige og bliver opdateret lige så ofte. Ex.: Objekter såsom Flash-filer, appletter etc. Docs.:

Sensus Hyppige brud på retningslinierne Formularkontroller som ikke er explicit tilknyttet label (60%) Det skal gøres sådan kodemæssigt: First name:

Sensus Hyppige brud på retningslinierne Mangel på klare definitioner af målet til et link (94%) Linkteksten skal give mening også når den læses ude af kontekst (undgå links såsom ’Klik her’ eller ’Læs mere’). Desuden må den samme linktekst på en side ikke anvendes til at vise forskellige steder hen.

Sensus Hyppige brud på retningslinierne Invalid kode (100%) Netstedet skal kunne bestå en HTML validering og en validering af CSS-kode for at sikre bedst mulig browserkompatabilitet. Fx. med WDG: Og W3C:

Sensus Hyppige brud på retningslinierne Manglende anvendelse af style sheets til præsentation (78%) Fx. ved angivelse af font, positionering og layoutmæssige angivelser i HTML-kode.

Sensus Hyppige brud på retningslinierne Anvendelse af absolutte enheder i stedet for relative enheder (83%) Undgå eksempelvis at angive størrelser i pixels, men sørg i stedet for at angive størrelser i procent, så fx. kolonner og tekst skalerer ordentligt (ombrydes på skærmen) og så teksteskalering virker.

Sensus Hyppige brud på retningslinierne Manglende/ukorrekt anvendelse af overskriftelementer (95%) H-elementer må ikke bruges til at opnå et bestemt visuelt udtryk men skal bruges til at markere forskellige niveauer af overskrifter og de skal samtidig nestes korrekt.

Sensus Hyppige brud på retningslinierne Manglende angivelse af citater (64%) Anvend eksempelvis Q og BLOCKQUOTE elementerne i HTML til at markere henholdsvis korte og lange citater.

Sensus Hyppige brud på retningslinierne Manglende angivelse af sprogskift lokalt på en side (50%) Anvend eksempelvis "lang" attributten i HTML og "xml:lang" iXML.

Sensus Hyppige brud på retningslinierne Manglende overskrifter til datatabeller (59%) Anvend eksempelvis TD til at identificere data celler og TH til at identificere overskrifter i HTML. t/Nyheder?docid= t/Nyheder?docid=18643

Sensus Hyppige brud på retningslinierne Funktionaliteter virker ikke når scripts, appletter o.lign. er slået fra (59%) Eksempelvis bør det sikres, at links som starter scripts stadig virker i de tilfælde, hvor scripts er slået fra eller ikke er understøttede.

Sensus Hyppige brud på retningslinierne Eventhandlers i scripts og appletter er enhedsafhængige (kan udelukkende aktiveres ved brug af mus (52%) Der bør både ’lyttes’ efter mus og keyboard.

Sensus Hyppige brud på retningslinierne Scripts med enhedsafhængige event handlers (79%) Brug handlingsudløsere på applikationsniveau frem for handlingsudløsere på brugerinteraktionsniveau. Eksempelvis "onselect”. (Event handlers kan bruges sammen, fx.): Brug......med onmousedownonkeydown onmouseuponkeyup onclickonkeypress onfocus onkeypress onmouseoutonblur

Sensus ledning-til-tilgengelige-hjemmesider ?! Spørgsmål og kommentarer