Orientering

Silktide kontrollerar att dina sidor inte tvingar besökare att hålla sin enhet på ett visst sätt. En sida bör fungera både i stående och liggande läge, eftersom vissa personer inte kan rotera sin skärm.

Två vanliga mönster låser en sidas orientering: kod som anropar webbläsarens funktion för orienteringslåsning och stilmallar som döljer hela sidan med ett meddelande om att du ska rotera enheten tills enheten har vänts.

Varför detta är viktigt

Många personer kan fysiskt inte rotera sin enhet: en surfplatta som är monterad på en rullstol, en telefon i ett fast stativ eller en skärm som är ansluten till maskinvara för är ofta permanent installerad i en orientering. Andra har begränsad grepp- eller motorisk kontroll, vilket gör det svårt att rotera en enhet. För dessa besökare är en sida som insisterar på en viss orientering helt enkelt oanvändbar – de ser en tom skärm eller en prompt om att rotera enheten som de aldrig kan uppfylla.

Så här åtgärdar du problemet

Ta bort kod som låser orienteringen, till exempel anrop till screen.orientation.lock():

// Problem: tvingar fram liggande läge och fungerar inte för användare som inte kan rotera enheten
screen.orientation.lock("landscape");

Ta bort stilmallar som tömmer sidan i en viss orientering:

/* Problem: döljer allt tills enheten har roterats */
@media (orientation: portrait) {
  body { display: none; }
}

Utforma i stället layouten så att den anpassar sig till båda orienteringarna. Mediefrågor för orientering är bra för att justera layouten – använd dem bara aldrig för att dölja sidan.

Så här testar Silktide detta

Undersök skripten som är inbäddade på varje sida och rapportera alla som anropar en funktion för orienteringslåsning, till exempel screen.orientation.lock() eller den äldre lockOrientation().
Undersök stilmallarna som är inbäddade på varje sida och rapportera alla mediefrågor för orientering som döljer hela sidan genom att ange display: none för sidans body-element.
Stilmallar som endast anpassar layouten efter orientering rapporteras inte – är inte en låsning.

Felsökning

Mitt orienteringslås finns i en extern fil

Silktide undersöker skripten och stilmallarna som är inbäddade direkt på sidan. En låsning som tillämpas från en separat skript- eller stilmallsfil upptäcks inte, men påverkar besökarna på samma sätt – vägledningen ovan gäller fortfarande.

Mitt innehåll behöver faktiskt en viss orientering

Några saker är nödvändiga i en viss orientering – till exempel en pianoapp eller en skanner för bankcheckar. Om ditt fall uppfyller detta kan du resultatet.