This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Hogyan marad egy weboldal olvasható egy mobiltelefonon anélkül, hogy oldalra görgetne?
A weboldal oldalsó görgetés nélkül olvasható marad, ha tartalma automatikusan egy oszlopba kerül, ha szűken jelenik meg - a standard 320 pixel széles. Ez a szélesség egy keskeny mobiltelefonnak vagy egy nagymértékben kibővített számítógépnek felel meg. Bárki, akinek oda-vissza kell tolnia minden egyes vonalhoz elveszíti a fonalat olvasáskor.
Körülvevő áramlás: a tartalom a szélességnek alárendelt
A körülhatárolás a következőket jelenti: Ha a kijelző felülete szűkebb lesz, a tartalom átrendeződik - egymás melletti oszlopok csúsznak egymás között, a képek összezsugorodnak, a vonalak korábban változnak. Ez két csoportot érint egyszerre. Először is, a mobil felhasználók, így sok weboldal a látogatók többsége. Másodszor, a látássérült emberek a számítógépen, az oldalak nagy: Erős nagyítással a látható rész pontosan ilyen szűk ábrázolásnak felel meg. Ha az oldal nem törik el, akkor minden egyes sorban jobbra és vissza kell haladniuk - az olvasás a türelem próbája lesz. A tipikus elkövetők fix szélességű táblák, túl nagy beágyazott kártyák és rögzített pixel méretű képek.
Így mérjük az oldalsó görgetést
A rendszermagunk több képernyőszélességet - köztük a keskeny 320- pixel nézetet - egy valódi böngészőben jeleníti meg az oldalunkat, és azt méri, hogy egy vízszintes tekercs-sáv jön-e létre, és hány pixel adja meg a tartalom túlcsordulását. Csak a valós, ellenőrzött görgethetőség számít ennek eredményeként; A berakodási késések miatti véletlenszerű találatok kizárása érdekében a vizsgálat kétszeres méréseket végez kétség esetén, és őszintén megállapítja, hogy az ingadozó eredmények a "valós eszköz ellenőrzése". Minden lelet jelzi az érintett képernyő szélessége, és készül a képernyőn fotó. Az eredményeket mind a hozzáférhetőségi területre, mind a reagáló területre alkalmazzák - ez ugyanaz a mérés.
Példák
Rögzített szélesség mobilon
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }320 pixel szélességű (400% -os zoom) tartalom áramlik körbe; csak asztaloknak és kártyáknak lehet saját tekercsterülete.
- Fokozatosan csökkentse böngésző ablak a számítógépen a keskeny oszlop - ha egy vízszintes tekercs sáv jelenik meg, van egy probléma.
- Először ellenőrizze a táblázatokat: A nagy adattábláknak saját megoldásra van szükségük a mobiltelefonon, mint például a látható jelzéssel ellátott, görgethető konténerek.
- Kérje meg az ügynökséget, hogy cserélje ki a rögzített pixel szélesség képek és konténerek testreszabható információkat.
- Teszt beágyazott tartalom, mint a térképek és videók a keskeny kilátás - külföldi építőelemek törik meg a keret leggyakrabban.
- Minden nagyobb tartalomfrissítés után ellenőrizze a telefonkilátást, mielőtt az oldal bekapcsolódik.
