Overskrifter og elementrekkefølge

Overskrifter

Overskrifter kan gjøre en side mer brukervennlig! Svært mange hjelpemidler bruker nettopp overskrifter som et element for å navigere raskere på siden. Skjermleseren Jaws har f.eks. flere funksjoner for dette: liste med overskrifter, hopp til neste overskrift, hopp til neste overskrift på et gitt nivå osv.

Med overskrifter mener vi her riktig koding i HTML, dvs. bruk av tag'ene <h1>, <h2> osv.

I tillegg til fordeler knyttet til navigering sier riktige overskrifter noe om strukturen i et dokument.

Det kan være aktuelt å bruke overskrifter som ikke vises i den visuelle presentasjonen (spesielt for å lette navigeringen for blinde). Det finnes mange teknikker for å legge inn skjult tekst. En enkel metode:

CSS

#hidden
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; 
}

HTML

<div class="hidden">Dette vises med Jaws, men ikke på en vanlig skjerm.</div>

Denne teknikken kan brukes for å merke f.eks. meny, undermenyer, søk, nyheter (hvis man ikke ønsker å vise slike overskrifter i den visuelle presentasjonen).

Stilark kan brukes for å justere overskriftsnivåer med logisk riktig nivå til å passe visuelt. Skjermlesere vil ikke bry seg om denne formateringen. Det aller viktigste er at overskrifter brukes, men ideelt sett bør også nivåene brukes bevisst. H2 bør høre til en H1, H3 til H2 osv.

Elementrekkefølge

Mange hjelpemidler omformaterer nettsider slik at de skal egne seg bedre for presentasjon med syntetisk tale og/eller punktskrift. For å få til denne omformateringen brukes i prinsippet rekkefølgen i HTML-dokumentet. Denne rekkefølgen behøver ikke tilsvare visuell presentasjon på skjerm, siden plassering av elementer gjerne bestemmes av et eller flere stilark.

Rekkefølgen av elementer på en side er viktig både for skjermlesere, skjermforstørrere, scanne-løsninger for bevegelseshemmede og andre hjelpemidler. Den visuelle presentasjonen kan beholdes gjennom bruk av stilark. Et meget enkelt eksempel på dette finnes på http://www.daisyklubben.no/. Knappene øverst på siden (etter at en lenke er valgt) vil vises nederst for de som bruker skjermleser.


Innholdsfortegnelse