help.sitevision.no henviser alltid til den nyeste versjonen av Sitevision

Beslektede emner

Panelet Innstillinger på en layout

Når du høyreklikker på en layout/rutenett/rutenettrad/rutenettspalte, kan du nederst velge å gå til egenskapene for layouten. Under panelet Innstillinger viser følgende informasjon:

Panelet innstillinger på en layout

Type

Her kan du se den valgte typen - rad- eller kolonnelayout - på den layouten du har valgt. Du kan også endre typen her hvis du virkelig ønsker en kolonnevis layout. Velg type fra listen.

Vertikal justering

Her angir du hvordan du vil at innholdet i layouten skal plasseres på raden. Du kan velge mellom følgende alternativer:

  • Opp
  • Midten
  • Ned

Horisontal justering

Her angir du hvordan du vil at innholdet i layouten skal plasseres i kolonnen. Alternativene er:

  • Venstre
  • Midten
  • Høyre

Elementtype (HTML5)

Semantisk HTML betyr å bruke de riktige elementene til det riktige innholdet. Det vil si at for en liste skal html-elementene <ul>, <ol>, <li> brukes, for overskrifter skal elementene <h[1-6]> brukes osv. HTML5 inneholder en rekke nye semantiske tagger som:

  • div - en del av et dokument.
  • header - den øverste delen av nettsiden. Kan for eksempel inneholde <h1>-<h6>, logotype, søkefelt osv.
  • footer - den nedre delen av nettsiden.
  • main - angir hovedinnholdet i dokumentet.
  • nav - for navigering på en side, for eksempel en meny.
  • section - for eksempel et kapittel. Et nettsted kan struktureres i ulike seksjoner, for eksempel nyheter, introduksjon og kontaktinformasjon.
  • article - indikerer uavhengig, frittstående innhold.
  • aside - brukes til å skille deler av innholdet fra det som er viktig. <aside> kan for eksempel brukes til sitatblokker, reklame, navigasjon osv. i en <article>.
  • hgroup - representerer en heading for et avsnitt. Elementet brukes til å gruppere flere <h1>-<h6> i en seksjon. Nyttig når det kan være flere nivåer av overskrifter.
  • time - for å presentere en dato eller et klokkeslett.
  • mark - for å markere tekst, for eksempel for referanser.
Elementtype

Les mer om semantisk html5: http://www.w3schools.com/htmL/html5_semantic_elements.asp Lenke til et annet nettsted, åpnes i nytt vindu.

http://www.vanseodesign.com/web-design/html5-semantic-elements/http://html5doctor.com/element-index/

ARIA-rolle

Her kan du bruke WAI-ARIA landemerkeroller, for eksempel main, navigation, banner, contentinfo og complimentary for å gjøre webinnhold mer tilgjengelig.

Aria-roller gjør det mulig for brukere med for eksempel skjermlesere å navigere mellom ulike deler av siden på en standardisert måte. Ideelt sett bør du merke informasjonen på siden med HTML 5, men hvis det ikke er nok, kan du bruke aria-roller. Søk er for eksempel bra å bruke ettersom det ikke er inkludert som en elementtype i HTML 5.

Ikke nest roller av samme type. Landemerkeroller må ha en etikett (h1,h2) hvis det er mer enn én rolle av samme type på en side. ARIA-roller har høyere prioritet enn elementtype, ikke omdefiner vanlige HTML-elementer.

Det finnes 8 forskjellige standardalternativer:

  • banner
  • complementary (f.eks. en sidespalte)
  • contentinfo (metadata om en side, f.eks. copyright)
  • form
  • main (the main content of the page)
  • navigation
  • region
  • search

Du kan velge mellom standardalternativene i listen eller skrive inn ditt eget alternativ.

Siden ikke alle nettlesere og verktøy kan oversette HTML 5-elementtyper ennå, anbefaler vi å bruke ARIA landemerkeroller parallelt med HTML 5-elementtyper.

https://webbriktlinjer.se/riktlinjer/75-gruppera-och-skapa-mojlighet-att-hoppa-forbi-delar-pa-sidorna/ Lenke til et annet nettsted, åpnes i nytt vindu.

ARIA-rolle

ARIA-etikett

Under ARIA-rollen finnes det bare landemerkeroller. Her kan du legge til egne ARIA-roller som ikke er inkludert i listen ovenfor.

Denne siden ble publisert:

 Skriv ut siden
Hjalp informasjonen deg?