Добавляет статью про оверлеи и отдельные версии сайтов #5569
Conversation
github-actions
bot
added
статья
Co-authored-by: Vitya <[email protected]>
…into 4960-issue
Превью контента из 24041eb опубликовано. |
| Некоторые считают, что проблемы, связанные с веб-доступностью, можно решить с помощью специальных программ и плагинов, либо сделав отдельную версию для слабовидящих или незрячих пользователей. Является ли это лучшей практикой и можно ли улучшить доступность, не внося фундаментальные правки, изучим в этой статье. | ||
|
|
||
| ## Оверлеи | ||
| ### Определение |
There was a problem hiding this comment.
Можно убрать заголовок «Определение».
|
|
||
| Accessible ovelay - это код, написанный на Javascript. Его используют для того, чтобы пофиксить проблемы с доступностью на сайте или в приложении. Оверлей трансформирует уже отрисованное приложение или сайт. | ||
|
|
||
| ### История появления оверлеев, принципы работы и эволюция |
There was a problem hiding this comment.
Можно убрать и заголовок «История появления оверлеев, принципы работы и эволюция».
|
|
||
| В последнее время производители таких продуктов утверждают, что их продукт может устранять проблемы с качеством кода на сайтах, на которых он используется. И утверждают, что они используют искусственный интеллект для приведения веб-сайтов в соответствие с законами и стандартами, касающимися доступности. Так ли это на самом деле? Попробуем разобраться. | ||
|
|
||
| ### Плюсы |
There was a problem hiding this comment.
Можно объединить в один подраздел «Плюсы и минусы».
| Более того, ИИ-решения проблем доступности ломают пользовательский опыт, например, могут создать ложные фокусы, чекбоксы и тд. | ||
|
|
||
| ## Отдельные версии сайтов для слабовидящих | ||
| ### Определение |
There was a problem hiding this comment.
Тоже можно удалить «Определение», тем более он дублирующийся.
|
|
||
| Особая версия для слабовидящих, как правило, представляет собой настраиваемую панель с выбором шрифтов и их размера, цветовыми схемами и отличным от основного ресурса расположением содержимого. Призвана помочь слабовидящим пользователям, не перегружая их ненужной информацией. | ||
|
|
||
| ### Плюсы |
There was a problem hiding this comment.
Хорошо бы объединить в один подраздел «Плюсы и минусы».
There was a problem hiding this comment.
P. S. Надо придумать потом более уникальное название, чтобы не дублировался.
|
|
||
| ### История появления оверлеев, принципы работы и эволюция | ||
|
|
||
| Первые инструменты для тестирования доступности веб-сайтов были созданы вскоре после того, как была завершена работа над первой версией `WCAG` (Руководства по обеспечению доступности веб-контента) — основного отраслевого стандарта, определяющего требования к доступности в Интернете. Вскоре после выхода финальной версии `WCAG 1.0` были созданы продукты, которые должны были обеспечивать автоматическое соответствие требованиям. Вскоре компании, продвигающие автоматизированное соблюдение требований, подверглись жёсткой критике со стороны специалистов по доступности за ошибочные действия и преувеличение своей полезности для людей с ограниченными возможностями. |
There was a problem hiding this comment.
Наверное, ты имела в виду не «для тестирования доступности веб-сайтов», а повышения доступности или добавления функций для повышения доступности?
WCAG, всё же, не стандарт, а всего лишь руководства. Это то, что рекомендуется, но как бы и не настаивается, если только нет законодательного требования. Также это не только про интернет, но и в целом все цифровые продукты: операционки, доки, фотографии, которые просто хранятся где-то локально или в интранете.
|
|
||
| Эти ранние продукты почти всегда представляли собой небольшие элементы управления пользовательским интерфейсом, которые просто зачитывали содержимое страницы вслух. Со временем аналогичные продукты стали добавлять `"виджеты"`, которые должны были функционировать как вспомогательные технологии на странице, добавляя элементы управления для изменения функций веб-сайтов, на которых они были развернуты. Эти элементы управления позволяют увеличивать размер шрифта, изменять контрастность цветов на странице и внешний вид определенных типов контента на странице. | ||
|
|
||
| В последнее время производители таких продуктов утверждают, что их продукт может устранять проблемы с качеством кода на сайтах, на которых он используется. И утверждают, что они используют искусственный интеллект для приведения веб-сайтов в соответствие с законами и стандартами, касающимися доступности. Так ли это на самом деле? Попробуем разобраться. |
There was a problem hiding this comment.
Можешь убрать про последнее время, и написать просто, что утверждают.
Перед этим абзацем было бы клёво привести парочку примеров оверлеев: AccessiBe, Accessiway, AudioEye и UserWay.
| ## Оверлеи | ||
| ### Определение | ||
|
|
||
| Accessible ovelay - это код, написанный на Javascript. Его используют для того, чтобы пофиксить проблемы с доступностью на сайте или в приложении. Оверлей трансформирует уже отрисованное приложение или сайт. |
There was a problem hiding this comment.
Давай использовать вместо overlays — оверлеи? При первом упоминании можешь в скобках указать альтернативные названия на английском или даже в отдельном предложении: accessibility overlays, accessibility
widgets или accessibility plugins.
Ещё напрашивается лёгкое уточнение по самому определению. Это сторонний код (важно!), который ты встраиваешь на свой сайт. И можно уточнить, что такой код вносит правки уже поверх ваших отрисованных интерфейсов, после загрузки всей страницы.
|
|
||
| ### Плюсы | ||
|
|
||
| Для начала отметим те небольшие плюсы, которые есть у оверлеев. Оверлеи способны решить небольшое количество проблем доступности - контрастность, величина текста, передвижение по содержимому сайта с помощью клавиатуры. |
There was a problem hiding this comment.
Можно двинуть всё содержание подраздела с только плюсами в общий подраздел про плюсы и минусы.
Описание
Добавила информацию про оверлеи, отдельные версии сайтов в доступности
Closes #4960
Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)