WCAG-standarden 1.3.1 Informasjon og relasjoner (Nivå A)

Formål

Hensikten med kravet er å sikre at brukeragenter, som for eksempel hjelpemiddelteknologi kan presentere innholdet på forskjellige måter som dekker ulike brukeres behov.

Brukerbehov

Kravet er ment å ivareta personer som er blinde eller døvblinde.

Tilsynets tolking

Brukere oppfatter informasjon, struktur og relasjoner i innholdet gjennom visuell formatering eller lyd.

Suksesskriteriet krever ikke en bestemt presentasjon, men at informasjon, struktur og relasjoner som blir formidlet til brukeren gjennom presentasjonen av innholdet, skal gjenspeiles i kodingen av det samme innholdet.

Begrepene Struktur, Relasjoner, Presentasjonen og Bestemmes programmatisk er definert i WCAGs ordliste.

Kravet gjelder for alle innholdstyper. Eksempler på innholdstyper som er omfattet er overskrifter, avsnitt, lydsignaler, regioner, sitater, tabeller, lister og skjemaelement.

Framgangsmåte for å oppfylle kravet er avhengig av innholdstypen. I tillegg er det vanligvis flere måter å oppfylle kravet på, for hver enkelt innholdstype.

Overskrifter

Overskrifter gjør at brukeren får informasjon om temaet for eller formålet med teksten, avsnittet, listen, skjemaet eller annet innhold som kommer etter overskriften. Overskrifter gir struktur og mening, ved å gi navn til de ulike delene av innholdet. En overskrift skiller seg visuelt fra innholdet som hører til, med for eksempel større skrift, feit eller kursiv markering.

Tabeller

Informasjon kan presenteres i en tabell når det er logiske relasjoner mellom tekst, tall og annen data i to dimensjoner (vannrett og loddrett).

Hvis tabellen har tittel, skal dette gjenspeiles i koden. Korrekt bruk av overskriftceller sikrer at innholdet i datacellene presenteres med kobling til tilhørende rad- og kolonneoverskrifter.

Dersom tabellen har overskrifter på både rader og kolonner, skal en også spesifisere i hvilken retning overskriftcellene peker, og eventuelt bruke gruppering.

En tabell er brukt til layout når tabellformatet er brukt for å oppnå et bestemt utseende/design på innholdet, og ikke for å presentere logiske relasjoner mellom data. Tabell brukt til layout skal kodes slik at den kan ignoreres av hjelpemiddelteknologi.

Lister

Lister er informasjon som er gruppert, og som ikke er brødtekst. Lister kan være markert med for eksempel punkter eller tall. I HTML skilles det mellom nummererte, unummererte og beskrivende lister.

Beskrivende lister (description lists) blir vanligvis brukt for å gruppere ulike termer/navn med beskrivelser eller definisjoner. Listen har to nivå og gir forklaringer på termer, ord eller uttrykk. Listen kan være organisert alfabetisk. Eksempel på en beskrivende liste er ordlisten i WCAG.

Regioner (landemerker)

Regioner er inndeling av innholdet på en nettside i ulike deler, basert på nettsidens visuelle layout. Det er kreves ikke at nettsiden har visuell inndeling av innhold i regioner, men dersom det finnes, skal det også bestemmes programmatisk. Regioner i koden (landemerker) gjør det enklere å navigere på nettsiden med hjelpemiddelteknologi.

Skjemainstruksjoner

Instruksjoner/hjelpetekst gir vanligvis mer informasjon om hva eller hvordan brukeren skal fylle ut enkelte skjemaelementer eller grupper av skjemaelementer. Instruksjoner kan inneholde informasjon om format, tips eller mer utfyllende forklaring av hva som skal fylles ut. Plasseringen kan for eksempel være

• en del av ledeteksten
• rett over eller under skjemaelementet
• ved siden av skjemaelementet
• i pekerfølsomt innhold

Hvis instruksjonen har en tydelig visuell relasjon til et skjemaelement eller en gruppe av skjemaelementer, skal dette også ivaretas i koden. Om det finnes en tydelig visuell relasjon, er en skjønnsmessig vurdering, der en vektlegger

• instruksjonens plassering
• bruk av visuelle virkemidler som farger, rammer, ikoner
• tekstlig informasjon i instruksjonen som gjengir et bestemt skjemaelement, for eksempel skjemaelementet for passord.

Spesialtekst

Med spesialtekst mener vi tekst i hovedinnholdet på nettsiden, som skiller seg visuelt fra brødteksten ellers. Brødtekst er lengre, sammenhengende tekst, som er hovedteksten på nettsiden.

Eksempel på spesialtekst er sitater, hevet eller senket skrift, kode, matematiske notasjoner, fet, kursiv eller understreket tekst. Dersom det brukes spesialtekst, skal tekstens visuelle status også gjenspeiles i koden. MathML er et oppmerkingsspråk for strukturering og presentasjon av matematiske notasjoner/uttrykk.

Unntak: Tilgjengelig som tekst

I unntakstilfeller, der det ikke kan bestemmes programmatisk, skal informasjon, struktur og relasjoner i stedet gjøres tilgjengelig som tekst. Eksempel: Alle obligatoriske felt, er merket med en stjerne (*). Tekstbeskrivelsen skal være nær informasjonen den beskriver, for eksempel rett over elementet eller i det tilstøtende elementet, og det skal i tillegg bestemmes programmatisk.

Tolking og krav til samsvar dekker utvalgte innholdstyper. For å unngå å teste det samme innholdselement flere ganger, er tolking og krav til samsvar for koding av skjemaelement og grupper av skjemaelement i hovedsak dekket av suksesskriterium 4.1.2.

Løsningsforslag og eksempler

Du finner veiledning til dette kravet i løsningsforslagene:

• Løsningsforslag for 1.3.1 Informasjon og relasjoner
• Tabeller
• Tekst og struktur
• Utforming og presentasjon
• Skjema

Merk at løsningsforslag for et tema kan dekke flere WCAG-krav.