Hopp til hovedinnholdet

1.4.10 Dynamisk tilpasning (Reflow. Nivå AA)

Innhold skal kunne endres til 400 prosent størrelse uten tap av informasjon eller funksjonalitet

1.4.10 Dynamisk tilpasning (Reflow. Nivå AA)

Innhold kan presenteres uten tap av informasjon eller funksjonalitet, og uten å kreve rulling i to dimensjoner for:

  • Vertikalt rulleinnhold i en bredde som tilsvarer 320 CSS-piksler;
  • Horisontalt rulleinnhold i en høyde som tilsvarer 256 CSS-piksler.

Ikke la matematikken forvirre deg. Startverdiene på 1280 x 1024 er en akseptert "standard" stasjonær størrelse. Ved å zoome med 400% reduseres bredden til 320 (1280 delt med 4) og høyden til 256 (1024 delt med 4) som er "standard" mobilstørrelser.
Mange nettsteder bruker i dag responsiv design for å justere visningen av applikasjonen slik at den passer til skjermstørrelsen. Behovet for å endre størrelse kan skyldes zooming på en stasjonær enhet eller visning i et mindre utsiktspunkt, for eksempel en mobil enhet.

Hva bør jeg gjøre

  • Bruk responsiv design for å la innholdet ditt zoome og reagere på forskjellige skjermstørrelser.

Unntak

  • Det er noen funksjoner som ikke kan justeres for å bla i bare en retning. Kart er et godt eksempel. Du kan ikke bryte opp et kart i en bunke med blokker. Den må bla i begge retninger for å forbli brukbar. Noen grafikk og bilder må også bla i begge retninger for å vises riktig.