Web Content Accessibility Guidelines 2.0 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.
Redaktørkursus i tilgængelighed og tilgængelige dokumenter Helene Nørgaard Bech Sensus ApS 24. februar 2011 l.
Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
Web Content Accessibility Guidelines 2.0 Maria Barrett Sensus ApS 26. januar 2011 l.
SEO (Search Engine Optimization) - Hvordan bliver du mere synlig på nettet?
Introduktion til HTML Formularer V1 introduktion til formularer Den sidste af HTML strukturmarkørerne er FORM-markøren, der bruges til at lave.
Tilgængelighed og elektroniske dokumenter. Retningslinjer •For ikke-W3C formater –Word, Excel, PDF, Flash, ODF,... –Hvis utilgængelige, så skal findes.
Udlægning af en ny cache
Strategikonsulent – Middelfart Kommune
Tilgængelighed København Kommunes hjemmeside Maria Barrett Sensus ApS l.
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.5.
Søgeord og konverteringer En webtekst skal på samme tid skabe synlighed i søgemaskinerne og motivere brugerne til at udføre en handling, vi som afsendere.
Klik på Aktivér redigering i meddelelseslinjen, Hvis videoerne i kurset ikke afspilles, skal du måske hente QuickTime eller blot skifte til PowerPoint.
Vejledning i blog-værktøjet WordPress Opdateret august 2009.
Web Content Accessibility Guidelines 2.0
Vejledning i blog-værktøjet WordPress Opdateret oktober 2012.
Sikring af tilgængelighed er en proces!
Challenges in Web Search Engines • Spam • Content Quality • Quality Evaluation • Web Conventions • Duplicate Hosts • Vaguely-Structured Data.
Introduktion til indholdsfortegnelser j Tryk derefter på F5, eller klik på Slideshow > Fra begyndelsen for at starte kurset. Klik på Aktivér redigering.
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.
Tilgængelighedskursus for webdesignere DIS Maria Barrett Sensus ApS Maj 2010 l.
Web tilgængelighed Do’s and dont’s
Usability på Her fungerer det godt 1.Sitet imødekommer ifølge vores testpersoner et informationsbehov hos målgruppen. 2.Sprogbrug.
CSS ver. 2 Rikke Møller-Poulsen. Visning af billeder?!? Er der stadig nogen, der har problemer med at få vist billeder på deres site?
Tilgængelighed København Kommune Maria Barrett Sensus ApS 10. januar 2011 l.
FORTROLIGT. Må kun distribueres til partnere med aftale om hemmeligholdelse. Microsoft giver ingen garantier, hverken udtrykkeligt eller stiltiende. ©
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.
Redaktørkursus i tilgængelighed og tilgængelige dokumenter Maria Barrett Sensus ApS 16. februar 2011 l.
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.
18 – Java Server Faces. 2 NOEA2009Java-kursus – JSF 2 Web-applikationer - 1 Brugere interagerer med en Web-browser Browseren sender forespørgsler til.
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 Maria Barrett Sensus ApS 18. Maj 2011 l.
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.
Tilgængeligt webdesign Helene Nørgaard Bech Sensus ApS.
Implementering af eget design til en D!ng-hjemmeside v/ Ewan Andreasen
© 2012 Microsoft Corporation. Alle rettigheder forbeholdes. Planlægge et Lync-møde Du kan planlægge et Lync-møde ved at bruge Outlook tilføjelsesprogrammet.
Kursus i tilgængelighed for webmastere, informationsmedarbejdere, redaktører, indkøbere og it-chefer.
Perception og disposition af grænseflader
Tilgængelighed og elektroniske dokumenter lbc/ /2.1.
Web Content Accessibility Guidelines 2.0 Maria Barrett Sensus ApS 09. februar 2011 l.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
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.
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.
Introduktion til tilgængelighed og tilgængeligt webdesign lbc/ /2.4.
Resultater af kortlægning af tilgængelighed 2010.
Præsentationens transcript:

Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS

Retningslinjerne WCAG 2.0: Dansk: ions/byTechnology?technology=WCA G20 ions/byTechnology?technology=WCA G20

Tekst - indholdsredigering Overskrifter – brug Headings (H1-H6) og strukturer dem korrekt. Sørg for at overskrifter beskriver emne eller formål. Brug kun fed (strong) og kursiv (em) til tekst som skal fremhæves – ikke til overskrifter Angiv citater - og Angiv sidesprog og sprogskift på sider sh+version/focus+for+action/nature+and+the+environment Brug lister/punktopstilling efter standarden

Links Formål med link (i kontekst): Formålet med hvert link kan afgøres alene ud fra linkteksten eller fra linkteksten i kombination med dens programmeringsmæssigt bestemmelige linkkontekst

Billeder & grafik Ikke-tekstligt indhold: Alt ikke-tekstligt indhold, som præsenteres for brugeren, har et tekstligt alternativ, der har samme formål (er det dekoration, link eller informationsbærende?) ml Billeder af tekst: Hvis det er muligt at opnå den ønskede visuelle præsentation ved hjælp af den anvendte teknologi så anvendes tekst snarere end billeder af tekst.

Tabeller Angiv tabeloverskrifter (th) og tabelbeskrivelse (caption) egaaende/Sider/default.aspx ter_og_afgifter/510.html

Rammer Der skal gives et alternativ til rammer, eksempelvis en tekst med url henvisning Rammer skal forsynes med en titel

Indtastningsformularer Etiketter eller instruktioner: Der er anvendt etiketter eller instruktioner når indholdet kræver brugerinput. Etiketter og kontroller skal knyttes sammen i koden Etiketter: Etiketter beskriver emne eller formål &vId=0

Indtastningsformularer 2 Identifikation af fejl: Hvis inputfejl bliver fundet automatisk, bliver det pågældende element identificeret og fejlen beskrives for brugeren ved hjælp af tekst. Forslag ved fejl: Hvis en fejl i input bliver fundet automatisk og der findes kendte forslag til rettelse, bliver disse forslag præsenteret for brugeren med mindre det ville virke ødelæggende for sikkerheden eller formålet med indholdet.

Vej/Husnr./Etage/Dør Sammenknytning kan gøres således i html-kode: First name:

Indtastningsformularer 3 Forebyggelse af fejl (juridisk, finansiel, data): For netstedet, som får brugeren til at indgå juridiske forpligtelser eller gennemføre finansielle transaktioner, som ændrer eller sletter brugerkontrollerede data i databaser, eller som sender brugerens testresultater, er mindst et af følgende udsagn sande: –Reversible: Indsendelsen kan fortrydes. –Kontrolleret: Brugerens data bliver kontrolleret for fejl i input og brugeren får mulighed for at rette dem. –Bekræftet: Det er muligt at gennemse, bekræfte og rette information før indsendelsen gennemføres.

Video- og lydindhold For forudindspillet indhold, som udelukkende består af lyd (audio only) og indhold, som udelukkende består af video (video only) media skal forsynes med alterntiv. Der skal leveres et alternativ til tidsafhængige medier Der skal leveres undertekster til alt forudindspillet lydindhold i synkroniserede medier. Der skal leveres synstolkning af forudindspillet videoindhold i synkroniserede medier. Der skal leveres undertekster til alt lydbaseret live- indhold i synkroniserede medier. Såfremt der findes lydindhold på en side, som afspilles automatisk i mere end tre sekunder, findes der enten mulighed for at stoppe eller pause lyden, eller der er mulighed for at justere volumen uafhængig af den overordnede volumenkontrol på system.

Rækkefølge Meningsfuld rækkefølge: Når den rækkefølge, som indhold præsenteres i, har indflydelse på indholdets betydning, kan den korrekte læserækkefølge fastslås programmeringsmæssigt. Fokus rækkefølge: Komponenter, som kan komme fokus, kommer i fokus i en rækkefølge som bevare meningen og anvendeligheden hvis en netside kan navigeres sekventielt og navigationssekvensen har betydning for meningen eller anvendelsen.

Tastaturadgang Tastatur: Al funktionalitet i indholdet kan anvendes ved hjælp af en tastaturgrænseflade idet der ikke stilles særlige krav til tastehastigheden. Ingen tastaturfælde: Hvis tastatur fokus kan flyttes til en komponent på siden ved hjælp af tastaturgrænsefladen, så kan fokus flyttes væk fra komponenten alene ved hjælp af tastaturgrænsefladen.

Tastaturadgang 2 Fokus er synligt: Enhver grænseflade, som kan styres fra tastaturet, har en synlig indikator for tastaturfokus. Spring over blokke: Der findes mulighed for at springe over blokke af indhold, som gentages på en række netsider. ng-af-forskningens-doegn-2009

Farver & kontraster Brug af farver: farver bliver ikke anvendt som den eneste visuelle metode til at videregive information, indikere en handling, anmode om et svar eller skelne et visuelt element. Kontrast (minimum): den visuelle præsentation af tekst og billeder af tekst har et kontrastforhold på minimum 4,5:1. Stortekst: Forstørret tekst og billeder af forstørret tekst har et kontrastforhold på minimum 3:1. (ikke logoer)

Navigation Konsistent navigation: Navigationsredskaber, som gentages på flere netsider på et sæt af netsider forekommer i samme relative rækkefølge hver gang de gentages, med mindre dette ændres af brugeren. Der findes mere end en vej til at finde en netside blandt et sæt af netsider med mindre netsiden er resultatet af eller et trin i en proces. (Ex. søgefunktion, sitemap, index…). Ved fokus: Når en komponent får fokus initierer den ikke en ændring i konteksten. Ved input: Ændringer i en komponent i brugergrænsefladen medfører ikke automatisk ændringer i konteksten med mindre brugeren på forhånd er blevet gjort opmærksom på dette. Konsistent identifikation: Komponenter, som har samme funktionalitet på et sæt af netsider er identificeret konsistent.

Strukturer Sider har titler: Netsider har titler, som beskriver emne og formål. Sansemæssige egenskaber: Instruktioner, som er medtaget af hensyn at kunne forstå og anvende indholdet er ikke udelukkende afhængig af sansemæssige egenskaber såsom form, størrelse, visuel placering, orientering eller lyd. byggeri/Boligen/Ejendomsskat/Indefrysning/Vejledning- om-laan-til-betaling-af-ejendomsskatter.aspx Skalerbar tekst: Med undtagelse af undertekster og billeder af tekst er det muligt at skalere tekst op til 200% uden brug af kompenserende teknologi og uden at indhold eller funktionalitet går tabt.

Strukturer 2 Navn, rolle, værdi: For alle brugergrænsefladekomponenter (herunder men ikke begrænset til formularelementer, links og komponenter, som er skabt af scripts) kan navn og rolle bestemmes programmeringsmæssigt; tilstande, egenskaber og værdier kan sættes programmeringsmæssigt; og notifikation af ændringer i disse størrelser er tilgængelige for brugeragenter, herunder kompenserende teknologier. Parsing: I indhold, som implementeres ved hjælp af mark- up sprog, har elementer fuldstændige start og slut tags, elementer er nestet i overensstemmelse med deres specifikationer, elementer indeholder ikke attribut- dubletter, og alle ID’er er unikke bortset fra i de situationer hvor specifikationer tillader denne praksis.

Brugerkontrol Tidsindstillinger er justerbare: slå fra, juster, advar og giv mulighed for forlængelse Bevægelse, blink, bladring (scroll) & Autoopdatering : For alle bevægelser, blik og bladrende informationer som (1) starter automatisk, (2) varer mere end fem sekunder, og (3) vises samtidig med andet indhold, er det muligt for brugeren at pause, stoppe eller skjule disse Grænseværdi på tre eller færre blink: Netsider har ikke indhold, som blinker mere end tre gange pr sekund.

Spørgsmål, kommentarer ?!