Orienteringslås

Silktide tjekker, at dine sider ikke tvinger besøgende til at holde deres enhed på en bestemt måde. En side bør fungere i både stående og liggende format, da nogle personer ikke kan rotere deres skærm.

To almindelige mønstre låser en sides orientering: kode, der kalder browserens funktion til orienteringslås, og typografier, der skjuler hele siden med en besked som "rotér din enhed", indtil enheden vendes.

Hvorfor dette er vigtigt

Mange personer kan fysisk ikke rotere deres enhed: En tablet monteret på en kørestol, en telefon i et fast stativ eller en skærm, der er fastgjort til hardware til , er ofte permanent installeret i én orientering. Andre har begrænset gribeevne eller motorisk kontrol, hvilket gør det vanskeligt at rotere en enhed. For disse besøgende er en side, der kræver én bestemt orientering, ganske enkelt ubrugelig – de ser en tom skærm eller en rotationsprompt, som de aldrig kan opfylde.

Sådan løser du det

Fjern kode, der låser orienteringen, f.eks. kald til screen.orientation.lock():

// Problem: tvinger liggende format og fejler for brugere, der ikke kan rotere
screen.orientation.lock("landscape");

Fjern typografier, der tømmer siden i én orientering:

/* Problem: skjuler alt, indtil enheden roteres */
@media (orientation: portrait) {
  body { display: none; }
}

Design i stedet layoutet, så det tilpasser sig begge orienteringer. Medieforespørgsler for orientering er fine til at justere layoutet – men aldrig til at skjule siden.

Sådan tester Silktide dette

Undersøg scripts, der er indlejret på hver side, og rapportér dem, der kalder en funktion til orienteringslås såsom screen.orientation.lock() eller den ældre lockOrientation().
Undersøg typografier, der er indlejret på hver side, og rapportér enhver medieforespørgsel for orientering, der skjuler hele siden ved at angive display: none for sidens body.
Typografier, der blot tilpasser layoutet efter orientering, rapporteres ikke – er ikke en lås.

Fejlfinding

Min orienteringslås er i en ekstern fil

Silktide undersøger scripts og typografier, der er indlejret på selve siden. En lås, der anvendes fra en separat script- eller stylesheetfil, registreres ikke, men den påvirker stadig besøgende på samme måde – vejledningen ovenfor gælder stadig.

Mit indhold kræver reelt én orientering

Nogle få ting er nødvendige i én orientering – f.eks. en klaverapp eller en checkscanner. Hvis dit tilfælde kvalificerer sig, kan du fundet.