This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Как уеб сайт остава четем на мобилен телефон без превъртане настрани?
Сайтът остава четем без странично превъртане, ако съдържанието му автоматично се обвие в колона, когато се показва тясно готварски стандартния комплект 320 пиксела широк. Тази ширина съответства на тесен мобилен телефон или значително разширен изглед на компютъра. Всеки, който трябва да бута напред-назад за всяка линия губи нишката, когато чете.
Заобикалящ поток: съдържание, подчинено на широчината
Заобикаляне означава: Ако областта на дисплея стане по-тесен, съдържанието се пренареждат. Това засяга две групи едновременно. Първо, мобилни потребители, така че за много уебсайтове по-голямата част от посетителите. Второ, хората със зрителни увреждания на компютъра, страниците значително се разширяват: Със силно увеличение, видимата част съответства точно на такова тясно представяне. Ако страницата не се счупи, те трябва да се движат надясно и обратно за всяка отделна линия - Четенето става тест на търпението. Типични извършители са маси с фиксирана ширина, твърде големи вградени карти и изображения с фиксирани размери на пикселите.
Така нашето ядро измерва страничното превъртане
Нашите нефрита прави вашата страница в реален браузър през множество екранни ширини, включително тесния 320-пикселов изглед и измерва дали е създаден хоризонтален свитъчен бар и колко пиксела съдържанието прелива. В резултат на това е вярно, че проверената свитливост се брои; С цел да се изключат случайни попадения поради забавяне на натоварването, мерките за изпитване два пъти в случай на съмнение и неофициално идентифицира колебаещите се резултати като "проверка на реалното устройство." Всяка находка показва засегнатата ширина на екрана и се прави с екранна снимка. Резултатите се прилагат както по отношение на зоната за достъпност, така и по отношение на зоната за достъп, в която се предлага достъп.
Beispiele
Фиксирана широчина на мобилния
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }С ширина от 320 пиксела (400% увеличение), съдържанието тече наоколо; само таблици и карти могат да имат собствена зона на свитъка.
- Постепенно намали прозореца на браузъра си на компютъра до тясната колона, ако се появи хоризонтална лента за превъртане, има проблем.
- Първо проверете таблиците: Големите таблици с данни се нуждаят от собствено решение на мобилния телефон, като например контейнери за превъртане с видима индикация.
- Помолете вашата агенция да замени фиксирани ширини пиксел за изображения и контейнери с персонализирана информация.
- Тест за вградено съдържание като карти и видеоклипове в тесния изглед на външни строителни блокове чупят рамката най-често.
- След всяка голяма актуализация на съдържанието, проверете изгледа на телефона си преди страницата да излезе на живо.
