Dec 04

Her kommer en kjapp liste over 4 semantiske tips som du kan fundere litt over og kanskje vurdere å bruke i dine sider, for å maksimere tilgjengeligheten. Dette er kanskje litt inspirert av Photoshop TVs “One for the Road”, der de gir tips på slutten av programmet som seerne burde sjekke ut.

  1. Definer sidespråk til eksterne lenker. Dette gjøres via attributten til a, som heter hreflang. Der definerer du språket til siden du lenker til ved å gjøre f.eks: <a href="http://site.no" title="Sidetittel" hreflang="no">Side</a>.
  2. Definer språk i paragrafene dine. Også slik at brukeren skal få informasjon om hvilket språk dette står på. Dette gjøres med attributten lang, og du kan blant annet bruke den på paragraf-elementet. Eksempel: lang="no".
  3. Bruk rel til å definere hva en link er. Om du lenker mellom sidene dine i en hel nettside kan du bruke rel til å si til nettleseren hva denne siden er for deg. Det er et nøkkelord, som kan gruppere forskjellige linker og si hva som hører sammen. Har du f.eks en “kontakt meg”-side kan du bruke rel="contact".
  4. Bruk rev til å definere hva lenkesiden er i forhold til nåværende side. Det vil si det motsatte av rel, og om du da er inne på “Kontakt meg” siden, og linker tilbake til fremsiden, kan du bruke rev="contact" for å vise at du er inne på kontaktsiden til hovedsiden din.

Det var 4 kjappe (kanskje litt vell kjappe) tips, til hvordan du kan forbedre tilgjengeligheten/semantikken i dine sider!

\\ tags: , ,

Legg igjen en kommentar