Tillgänglighet - problem eller tillgång?

Lars Gunther, Keryx, WaSP-EduTF ombud, GAWDS medlem

Nils Ericsonsgymnasiet och Missionskyrkan

Instruktioner:
[Mellanslag], [musklick] och [pil höger] tar fram en punkt i taget.
[Page Up], [Page Down] växlar mellan sidor.
[Home] tar dig till början, [end] till slutet (= övningarna).
Man kan också navigera med menyn nere till vänster.

OBS! Materialet har kompletterats något sedan jag var på Södertörns Högskola, speciellt på sidan med boktips.

Krav på din webbplats

Snygg och tilltalande? (utseende)
Häftig och cool? (effekter)
Användbar - rätt sak läses, rätt sak blir gjord.
Sökmotoroptimerad
Snabbladdad och bandbreddssnål
Plattformsoberoende:
- Alla webbläsare
- Alla storlekar på bildskärm
- Alla operativsystem
Tillgänglig - användbar för alla?

Krav eller konkurrensfördel?

Google är blind!
- Men ser semantik!
- <title>
- Rubriker
- Betoning
- Definitioner
- Google ser inte <meta name="keywords"

Standard-baserad utveckling har fördelar

Snabbare utveckling - när du kan tänket
Enormt mycket snabbare ändringar: CSS Zen Garden
Kortare nedladdningstider
Flexibilitet
Återanvändning av kod
- Skript och CSS
- Patterns
- Mikroformat

Lagens bokstav eller lagens anda

Bokstaven dödar men Anden ger liv
Bokstaven hjälper dig bara en liten bit på vägen:
- Varför validera?
- Validering ger en förutsägbar DOM
Hur standarder definieras:
- För maskinell kontroll, exempel en DTD
- För människor, exempel en RFC eller en rekommendation från W3C
Syfte, användning, tanke...

Vilka standarder

För innehåll och struktur: (X)HTML
För utseende (layout, design): CSS
För beteende och utökad funktionalitet: ECMAScript och DOM

Motsvarande roller

Informatör
Designer
Programmerare

Vad får dig att tycka det är kul? Vilken slags utmaning ser du det som?

Skräckexempel!

CSN!

Internet Explorer version 7 saknas!
- Programmera inte för enskilda webbläsare!
- Andra exempel på webbplatser som inte klarar MSIE version 7: Försäkringskassan, banker, Skola 24, Trollhättans Stads Intranät...
Javaskriptberoende
Dåliga javaskript
- Kod-forkning
- Popups
- Onavigerbara utan syn och mus
Värdelösa alt-attribut
Tabeller för layout
<span class="rubrik">
Etc.

Vad är tillgänglighet?

W3C strikt definition: Handikappanpassning
Bättre definition: För alla, även handikappade
Grundtanke - inte en eftertanke!
Förkortningar
- WAI
- WCAG
- Section 508

Handikappad - vem?

Blinda
- Talsyntes
- Blindskriftsterminaler
- Blindskrifts-skrivare
Nedsatt syn
- De gamla blir fler på nätet
Färgblinda
Nedsatt motorik
Nedsatt kognitiv förmåga

Material

Vägledningen 24-timmarswebben
Användbarhetsboken
Böcker från bra förlag!
Men inte från dåliga dito!
- Nästan alla böcker på svenska!

Webbplatser

SitePoint
HTML Dog
456 Berea Street
WASP
GAWDS
Boagworld
(Think) Vitamin
Inte: Annicka Tiger - föråldrad!
Inte: Webbdesignskolan - föråldrad
Inte: IDG:s webbstudio - har aldrig varit bra!
Men: (Delvis) Webforum

Testverktyg i Firefox

HTML Tidy
Web Developer
- Validate early, validate often
TAW En Un Clic
Fangs
- OBS! Installera Fangs via Sourceforge
- Installera version 0.99, och uppdatera sedan dina tillägg så du får version 1.03!
Firebug

Övningar

Strikt Doctype
<title>
alt-attribut
- Perfect markup Se punkt 33.
WAI A = WCAG 1