3. Hvordan programmere UU?
• Følge kodestandarder
• Strukturering av nettsiden
• Tab navigering
• Arbeidsmetode hos UDI
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
4. Skrive god HTML
Online verktøy:
validator.w3.org
Validere HTML: Sjekke om kode
tilfredsstiller alle krav
Også CSS: Stilingen av nettsiden
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
6. Tabnavigering
• Bruke nettsiden med tastatur
• I stedet for mus
• Hva er markert?
– Kontrast farger
• Rekkefølge
• Snarveier
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
6 28.08.2014
8. TEAMWORK PÅ UDI.NO
Arbeidsmetode
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
9. ETTER 14 DAGER UTVIKLING
Sjekkliste
• Validerer HTML?
• Validerer CSS?
• Dokumentstruktur OK?
• Sjekk tabnavigering
I tillegg:
• Laster siden under 1 sekund?
• YSlow karakter “A”
• Demo/”bevis” for kunden
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
9 28.08.2014
10. Tar ikke dette lengre tid?
• Jo
• Mer kompleksitet
• Men:
– Høyere kvalitet
– Vi lærer underveis
– Slipper i ordne i etterkant
– Google optimalisert
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
10 28.08.2014
11. NÅR EKSPERTENE ER UENIGE
Hvem har mest rett?
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
11 28.08.2014
12. Takk for meg
Spørsmål?
stian.westvig@bouvet.no
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
Notes de l'éditeur
Stian Westvig, frontend i Bouvet
Prate om erfaringer fra UDI.no prosjektet
UDI – ny nettside I år
- Utfordringer språk asylsøkere
Fokus: UU + raskhet + enkelhet
1 år
Bouvet + FunkaNU
Fokus – noen grep på UDI
Bruke muligheter I HTML
- Skjema – labels
- Bilder – alt text
- Javascript - backup
Validering – ingen feil I HTML
Solid side
- Vises riktig i nettlesere
- Zoom
Demo: vise at udi.no validerer html
Som Word
Overskrift 1, 2 ,3
Hvorfor forutsetning for opplesning
Tab –> Fokus på lenkene
Kan / Vil bruke mus
Ikke demo enda.
UDI.
Demo: UDI
Snarveier
Kuttet hjem
Til innholdet
Demo: vg.no
- Standard outline
- SKJULTE fokus
Hvordan sikre UU
Forandrer kanskje ødelegger
Fungerer alt fortsatt?
UDI presentasjon alt OK
Nye metoder
Testing tar tid
Tilbake til start
Første gang
Til slutt - Brukertesting
FunkaNu
MediaLT – Begge firmaer som er ekspert på UU
Ulike konklusjoner direkte I konflikt
Vi har ikke funnet de beste løsningene enda
- BYGG SOLID
–vil dukke opp etterhvert som flere jobber med Universell Utforming.