Сторінка належить читачеві
Макет може виглядати врівноважено на моніторі автора й залишатися незручним для читання. Людина збільшує сторінку через особливості зору, відстань до екрана або власні вподобання. Це нормальний спосіб користування. Важливо не те, чи схожа збільшена сторінка на початковий скриншот, а те, чи можна зрозуміти зміст і виконати потрібну дію.
Дві перевірки, а не одна цифра
W3C розрізняє зміну розміру тексту та його перекомпонування. Критерій Resize Text стосується збільшення до 200% без втрати змісту чи функцій, із зазначеними винятками для субтитрів і зображень тексту. Reflow стосується звичайного вертикального вмісту за ширини, еквівалентної 320 CSS-пікселям, з винятками для матеріалів, яким справді потрібне двовимірне розташування. Це пов’язані, але не взаємозамінні перевірки й не повний аудит доступності.
Почніть із реального завдання
Відкрийте статтю, знайдіть послугу та перейдіть за контактним посиланням. Повторіть цей шлях зі збільшеним масштабом браузера. Огляньте шапку, перемикач мов, повідомлення про cookies за його наявності та останню кнопку, а не лише зручний абзац посередині. Закріплена шапка, що займає більшість екрана, заважає навіть добре збільшеному тексту. Запишіть браузер, розмір області перегляду та масштаб, щоб перевірку можна було повторити.
Спочатку шукайте втрати, а не косметичні відмінності
Звертайте увагу на обрізані підписи, текст поза карткою, кнопки одна поверх одної та діалоги, кнопку закриття яких уже не дістати. Перехід із трьох колонок в одну зазвичай є доречною адаптацією. Не скорочуйте важливі інструкції заради блока фіксованої висоти. Дайте змісту простір, дозволяйте перенесення підписів і зберігайте логічний порядок читання. Довгі переклади слід перевіряти так само, як найкоротшу мовну версію.
Таблиця не виправдовує широку сторінку
Деяким схемам і таблицям порівняння потрібні два виміри. Залишайте необхідне горизонтальне прокручування всередині такого компонента й пояснюйте його використання. Вступ, заголовки та сусідні елементи керування не повинні ставати довгою смугою, яку доводиться рухати туди-сюди. Перевіряйте і масштаб, і вузьку композицію: саме лише зменшення вікна не виявляє всіх проблем збільшеного тексту.
Зробіть перевірку частиною супроводу
Повертайтеся до цього шляху після заміни шрифтів, навігації або перекладу. Зберігайте короткий запис завдання, помилки та виправлення замість нечіткої позначки «зручно на мобільному». Це доповнює наші матеріали про мобільну типографіку та таблиці на малих екранах. Успіх кількох вибіркових сторінок не сертифікує весь сайт, але дає команді конкретні докази й зрозумілий наступний крок.