Övergripande för sida

Sidans olika delar

Övergripande delar av en sida är:

• Huvud
• Brödsmula
• Vänsternavigation
• Huvudinnehåll
• Fot

Läs mer om vad som gäller för dessa under Sidans olika delar .

Erbjud möjlighet att hoppa förbi återkommande innehåll

Se webbriktlinjer.se (Erbjud möjlighet att hoppa förbi återkommande innehåll)

Använd WAI-ARIA landmark roles, till exempel main, search, navigation, banner, contentinfo och så vidare. Det gör att användare med exempelvis skärmläsare kan navigera mellan sidans olika delar på ett standardiserat sätt.

Testa med Chrome-tillägget Landmarks  på befintliga sidor eller applikationer under utveckling. 

Skriv tillgänglig kod

Läsordningen och kodordningen av element ska vara den samma

Se till att ordningen (från översta raden till sista raden) på informationen i HTML-koden är den samma som den användaren förväntas läsa den i (då det finns en sådan ordning). Ett sätt att få en känsla för detta är att titta på sidan helt utan CSS, målet är då att sidan trots avsaknaden av CSS ska gå att följa rent innehållsmässigt.

webbriktlinjer.se (Gör en logisk tab-ordning)

Alla interaktiva element ska gå att navigera med tangenterna

Se till att alla interaktiva element går att navigera till och använda endast med hjälp av tangentbordet. Relevant här är tabbordningen för element, visa vilka element som har fokus (även om du har satt fokus på dem via tangentbordet) samt ange "access-key" för primär-interaktion om det är relevant.

Se webbriktlinjer.se (Utveckla systemet så att det går att hantera med enbart tangentbordet)

Markera tydligt vilket fält eller element som är i fokus

Se webbriktlinjer.se (Markera tydligt vilket fält eller element som är i fokus)

Vi strävar efter att så mycket som möjligt använda webbläsarens egen fokus-markering. Vi kommer undersöka vidare om vi behöver göra specifika justeringar. 

Namngivning av en sida

Skriv beskrivande sidtitlar

webbriktlinjer.se (Skriv beskrivande sidtitlar)

Språk

Lägg till länk för att ändra språk för en sida 

För sida som är en del av kth.se. Lägg till länk överst, till höger i huvudinnehållet (main).

• Sidan är på svenska:
  • This page in English
• Sidan är på engelska:
  • Denna sida på svenska

För app, lägg till länk överst, till höger, i banner :

• Appen är på svenska:
  • [appname] in English
• Appen är på engelska:
  • [appnamn] på svenska

Se även principskisser på Sidans olika delar .

Ange sidans språk i koden

  webbriktlinjer.se (Ange sidans språk i koden)

• Svenska: lang=sv
• Engelska: lang=en

KTH:s centrala CMS (Polopoly) använder av systemtekniska skäl även landskoder (sv-se resp en-gb) men det ska inte ses som standard på KTH.

Ange språkförändringar i koden

webbriktlinjer.se (Ange språkförändringar i koden)

Strukturera huvudinnehållet

Strukturera huvudinnehållet så att den fungerar visuellt och är tillgängligt. Se riktlinjer för Struktur och layout .