Landemerker definerer programmatisk ulike områder på en nettside. Dette er viktig fordi det gjør at et bredere spekter av brukere kan få oversikt over sidens struktur.
Publisert av ACOS System
Sist endret 16.01.2024 21:47
Denne informasjonen er eldre enn 1 år og kan være utdatert
Landemerker du bør bli bedre kjent med inkluderer:
- Complementary skal brukes for innhold som er relatert til annet innhold. Complementary landemerket skal helst defineres ved hjelp av HTML elementet <aside>
- Contentinfo skal brukes for sidens bunntekst. Dette er typisk innhold som presenteres på tvers av løsningens ulike sider. Contentinfo skal helst defineres ved hjelp av HTML elementet <footer>. Merk at landemerket må defineres som en del av <body> elementet i HTML. Det er også tilfeller hvor landemerket ikke vil genereres. Dette skjer dersom man definerer <footer> som en del av <article>, <aside>, <main>, <nav> eller <section>.
- Form er landemerket man generer dersom man bruker <form> elementet i HTML. Merk at dette kun er tilfellet når <form> elmentet har fått et tilgjengelig navn gjennom attributtene, aria-labelledby, aria-label eller title.
- Banner er landemerket man genererer dersom man bruker <header> elementet i HTML. Dette skal typisk brukes for innholdet på toppen av siden som presenteres på tvers av løsningen ulike sider. Merk at banner kun blir et landemerke dersom det er en del av <body> elementet i HTML. Banner vil ikke bli et landemerke dersom det er en del av <article>, <aside>, <main>, <nav> eller <section>.
- Main-landemerket skal brukes for hovedinnholdet på hver side. Typisk er det altså alt innhold som ikke er en del av banner eller contentinfo landemerkene (<header> og <footer> i HTML). Det første elementet i main-landemerket benyttes også ofte som målet for skip-lenker som gjør det mulig for tastaturbrukere å hoppe over innholdet er i banner-landemerket som repeteres hver gang brukeren navigerer til en ny side.
- Navigation-landemerket skal brukes for samlinger av navigasjonslenker og genereres ved hjelp av <nav> elementet i HTML. Typisk benyttes dette landemerket for hoved-navigasjonen for siden og navigasjonsområder i bunnteksten (<footer>) på siden. Merk at ettersom det ofte finnes mer enn ett navigation-landemerke på siden må man påse å navngi disse landemerkene. Dette gjøres normalt ved hjelp av aria-attributtet aria-label. Påse at navnet som defineres for landemerkene beskriver landemerket utover landemerkets type.
- Region-landemerket er det mest generiske landemerket og generes dersom man bruker HTML elementet <section> samt at <section> elementet har fått et tilgjengelig navn. Ettersom at dette er et såpass generisk landemerke kreves det altså tilgjengelig navn på elementet, som oppnås ved hjelp av aria-label, aria-labelledby eller title.
- Search-landemerket er et landemerke som skal benyttes for søkefelt. Search-landemerket er et fint eksempel på når man er nødt til å benytte ARIA, fremfor HTML. Det finnes nemlig ingen semantikk i HTML for å markere søkeområder i en løsning. Derfor må man benytte role med verdien search for å oppnå dette landemerket.
