Мелочи, которые делают страницу удобной для чтения

Страница полезна, только если человек перед ней действительно может ею пользоваться. Вот небольшие решения, благодаря которым ipe.rest удобнее читать с клавиатуры, на маленьком экране или в письменности справа налево, и то, что мы пока не проверяли.

В прошлый раз мы рассказали, как сайт может открываться без соединения. Эта запись — о самом чтении. Всё, что ниже, вы можете проверить сами: нажатием клавиши или инструментами своего браузера.

Путь мимо меню

Нажмите Tab на любой языковой странице или странице журнала сайта, и первым делом вы попадёте на ссылку «К содержимому». Она остаётся невидимой, пока на неё не перейдёт клавиатура, а затем появляется в верхней части страницы. Перейдите по ней — и вы сразу окажетесь у текста, не обходя шапку.

Вы всегда видите, где находитесь

Когда вы перемещаетесь с клавиатуры, ссылка или кнопка, на которой вы стоите, получает синий контур в два пикселя с небольшим отступом. Мы не просто убрали стандартный контур браузера, а заменили его более чётким, ведь страница, за которой нельзя следить глазами, — это страница, которой нельзя пользоваться.

Достаточно крупно, чтобы коснуться, и легко увеличить

Ссылки и кнопки в шапке, подвале и переключателе языка имеют высоту не менее 44 пикселей, так что в них попадёт большой палец. Основной текст — 17 пикселей на компьютере и 16 на телефоне, с щедрым межстрочным интервалом, а длинные слова и веб-адреса переносятся, а не раздвигают страницу вбок.

Страница никогда не отключает масштабирование щипком, так что вы можете увеличить её настолько, насколько позволяет браузер. А если ваша система просит меньше движения, сайт отключает переходы и плавную прокрутку.

Контраст, который можно вычислить

Основной текст — тёмно-синий на почти белой странице, контраст около 17 к 1. Серый цвет вторичного текста даёт около 6 к 1, а синий цвет ссылок — около 6,6 к 1. Распространённая рекомендация требует не менее 4,5 к 1. Эти числа получены из цветов нашей таблицы стилей по стандартной формуле, а не измерены инструментом аудита.

Каждый язык — в своём направлении

Каждая страница объявляет свой язык, а арабские страницы объявляют направление справа налево. В вёрстке используются «начало» и «конец» вместо «слева» и «справа», поэтому ссылка-пропуск, списки и отступы зеркально отражаются вместе с текстом. Браузеры и вспомогательные технологии могут по объявленному языку выбрать подходящий голос или шрифт.

Чего мы не делали

Мы не проводили формальный аудит доступности и не проверяли сайт со всеми программами чтения с экрана. У сайта одна светлая цветовая схема и нет тёмной. Если что-то вам мешает, напишите нам на странице контактов, и мы разберёмся.

ipe(); // read it the way that works for you

Ничего хитрого здесь нет. Это короткий список настроек по умолчанию, которые мы решили не убирать, а страница, которая остаётся спокойной для вас, удобнее для чтения всем.