Общие сведения об изменении размера текста WCAG 1.4.4

Чтобы соответствовать требованиям WCAG AA, требование изменения размера текста (1.4.4) гласит, что:

1.4.4 Изменение размера текста. За исключением подписей и изображений текста, размер текста можно изменить без вспомогательных технологий до 200 процентов без потери содержимого или функциональности. (Уровень AA)

У меня есть веб-приложение, которое я пытаюсь передать AA, но нахожу это требование неясным. Если в Chrome я увеличиваю масштаб на 200% на мониторе с разрешением 2560x1440, приложение выглядит идеально. Но если я использую монитор 1024x800, приложение выглядит не идеально.

Какое минимальное разрешение мне нужно для поддержки масштабирования на 200%, или я упустил суть?

Спасибо.


accessibility wcag wcag2.0
person Alan P.    schedule 03.09.2019    source источник
comment
приложение не выглядит идеально, это не совсем полезное описание того, что работает не так, как ожидалось ...   -  person Johannes    schedule 04.09.2019
comment
означает, что контент скрыт (другие разделы перекрывают его)   -  person Alan P.    schedule 04.09.2019

Ответы (2)


arrow_upward
2
arrow_downward

Какое минимальное разрешение мне нужно для поддержки масштабирования на 200%, или я упустил суть?

Вы должны прочитать Понимание критерия успеха 1.4.10: Reflow

Критерий успеха 1.4.10 Reflow (уровень AA): контент может быть представлен без потери информации или функциональности и без необходимости прокрутки в двух измерениях для:

  • Вертикальная прокрутка содержимого с шириной, эквивалентной 320 пикселям CSS;
  • Горизонтальная прокрутка содержимого на высоте, эквивалентной 256 пикселям CSS.

Это означает, что вы должны иметь возможность увеличивать масштаб до 400% при широком разрешении 1280 CSS-пикселей. Также есть абзац, который касается «Связь Reflow с критерием успеха 1.4.4 изменения размера текста» и примечание, когда «текст не всегда увеличивает свой размер по мере увеличения людей» который относится к 1.4.4.

person Adam    schedule 04.09.2019
comment
1.4.4 и 1.4.10 - разные требования. Да, 1.4.10 говорит о размере монитора и что следует избегать прокрутки в двух направлениях, но 1.4.4 вообще не говорит о размере. Это сложно проверить, потому что, как сказал OP, он может хорошо выглядеть с одним размером браузера, но плохо выглядеть с размером браузера diff. - person slugolicious; 26.02.2021

arrow_upward
0
arrow_downward

Типичная ситуация, когда это должно применяться, заключается в том, что текст должен переноситься на следующую строку, когда размер шрифта становится слишком большим, чтобы поместиться в одну строку. Таким образом, текст однострочного заголовка будет обернут, а многострочные абзацы и другие элементы просто обернут текст по-другому, так что весь текст останется видимым на экране.

person Johannes    schedule 03.09.2019
comment
Я не делаю простые заголовки / абзацы, я делаю корпоративное программное обеспечение со сложным пользовательским интерфейсом. Похоже, вы говорите, что мне нужно обрабатывать ВСЕ разрешения экрана с увеличением на 200%. - person Alan P.; 04.09.2019
comment
да. Мой пример также применим к мобильным телефонам, где люди с ограниченными возможностями по зрению должны иметь возможность читать весь текст в двойном размере, не перекрывая его и не выходя из контейнера или экрана. - person Johannes; 04.09.2019