Комментарии 33
Возможно я ошибаюсь, но некоторое время назад слышал о проблемах пользователей с определенным типом дальтонизма в вопросах касающихся использования клавиатур, на которых одна из раскладок изображена красным цветом, а клавиши при этом черные.
Так вот, обратите внимание на странице с формой обращения обязательные поля классическим образом отмечены красными звездочками, причем это неизменно для каждого из трех цветовых стилей. Возможно это надуманная проблема, но сложилось впечатление, что о звездочках просто забыли не адаптировав их под отдельные цветовые решения.
А вообще, здорово, что этим занимаются. Людям реально облегчают жизнь. Это по-настоящему ценно.
Так вот, обратите внимание на странице с формой обращения обязательные поля классическим образом отмечены красными звездочками, причем это неизменно для каждого из трех цветовых стилей. Возможно это надуманная проблема, но сложилось впечатление, что о звездочках просто забыли не адаптировав их под отдельные цветовые решения.
А вообще, здорово, что этим занимаются. Людям реально облегчают жизнь. Это по-настоящему ценно.
>По настоящему полным и проработанным является стандарт консорциума W3 Web Content Accessibility Guidelines (WCAG) 2.0…
По-моему, дизайнерам очень многих сайтов не помешало бы придерживаться этого стандарта даже не имея в виду слабовидящих…
По-моему, дизайнерам очень многих сайтов не помешало бы придерживаться этого стандарта даже не имея в виду слабовидящих…
Рекомендую задуматься над WAP-версией сайта, именно она лучше всего подходит под использование с дисплеем Брайля, поскольку полностью текстовая.
В левом верхнем углу страницы лучше сделать специальный скин-переключатель «включить читалку — включить Брайля — включить констраст — обычный цветной режим». Тогда станет проще ориентироваться «на ощупь».
В левом верхнем углу страницы лучше сделать специальный скин-переключатель «включить читалку — включить Брайля — включить констраст — обычный цветной режим». Тогда станет проще ориентироваться «на ощупь».
Мне кажется, верхнюю плашку людям с некоторыми типами нарушений зрения будет тяжело разбирать, очень неконтрастные цвета
Есть сложность с поиском ссылок внутри текста. Вот скрин — my.jetscreenshot.com/2366/20111220-43ds-226kb.jpg
Логичный и осмысленный код, контрастные цвета и прочее, конечно, хорошо, но ко всему прочему не стоит забывать о замечательном атрибуте role, который очень кстати подходит для версий сайтов для слабовидящих или слепых людей. У вас я ни одного не нашел. На одном из субботников Яндекса доходчиво показали и объяснили, как он работает в речевом браузере.
Единственное и довольно серъезное упущение: если человек так плохо видит, что ему необходима спец версия сайта, то и ссылку на спецверсию надо рисовать так, чтобы он ее увидил. В реальности же ссылка абсолютно не контрастна и текст «специальная версия» мне ни о чем не говорит. Чем конкретно она специальна? Что это мне даст? И вообще, даже с хорошим зрением, я ее не сразу заметил.
А вы как зайдете на сайт думы, щелкните табом разок и прямиком встанете на нужную ссылку.
И вообще считаю нужным взять за правило делать такие ссылки первыми на странице. Или принудительно указывать tabindex им
И как я, извините, должен понять, что надо «щелкнуть табом разок»? :)
А как по вашему перемещаются по странице незрячие люди? Скроллом? Pgup\PgDn? Как встают на нужные ссылки, на инпуты?
А по-вашему они должны жать Tab и клацать Space и Backspace до тех пор пока не перейдут на нужную версию? Например, на kremlin.ru/ Версия для слабовидящих также не видна и почти не доступна по Tab. Смысл делать эту версию, тратить ресурсы, если на нее так сложно переходить?
Да, именно так и делать. Речевые браузеры, например, озвучивают содержание того или иного блока. Т.е. если человек встал на какую-то ссылку, браузер скажет, что это ссылка и озвучит содержимое.
А то что у президента на сайте эта ссылка не в кликовой доступности — это упущение. Да, впрочем, много ли вообще сайтов делают спец. версии для слабовидящих\незрячих людей? У многих и мыслей даже не возникает, что это тоже люди и тоже хотят как и все получать информацию из интернета. Даже не могу предположить когда эта ситуация может исправиться и исправится ли вообще.
А то что у президента на сайте эта ссылка не в кликовой доступности — это упущение. Да, впрочем, много ли вообще сайтов делают спец. версии для слабовидящих\незрячих людей? У многих и мыслей даже не возникает, что это тоже люди и тоже хотят как и все получать информацию из интернета. Даже не могу предположить когда эта ситуация может исправиться и исправится ли вообще.
Огромное спасибо за обзор!
С удовольствием наблюдаем и пытаемся перенимать опыт российских слабовидящих и незрячих пользователей компьютера.
С удовольствием наблюдаем и пытаемся перенимать опыт российских слабовидящих и незрячих пользователей компьютера.
Возможно, в меню выбора шрифтовой гарнитуры пункт «Times New Roman» можно было бы набрать этим же шрифтом. Акцент ведь делается на выборе типа шрифта, а не конкретной гарнитуры. В принципе, возможно попробовать отказаться от названия конкретных шрифтов и назвать пункты меню «с засечками» и «без засечек».
Скажите, а используются ли какие-то элементы из спецификации WAI-ARIA Стандарт уже вошел в фазу Candidate Recommendation и активно используется в реальной жизни.
Очень приятно видеть развитие моих начинаний (special.kremlin.ru) ;) и правильный подход к разработке.
К сожалению после выхода вышеупомянутого ресурса интернет завалили гос.сайты «для слабовидящих и людей с ограниченными возможностями», которые к таковым отношения не имеют в силу того, что разработчики вообще не запарились разобраться в проблеме. Таких сайтов уже больше сотни. И мое к ним отношени такое, воруете — воруйте все до последней запятой, чтобы было все правильно, но забирают только «картинку», которая не имеет смысла без правильного кода и соблюдения многих правил.
Дальше я опишу очень важный момент. Самое главное — общение и тестирование версии именно инвалидами. Только они и никакие стандарты не могут сказать что удобно, а что нет, где у них возникают проблемы, а где нет.
Вы возможно прогнали сайт по валидаторам WCAG, WAI, SECTION 508 и допустим у вас нет ошибок. К сожалению это еще ничего не значит.
Важно проговорить весь сайт на говорилке JAWS и пройти все маршруты с клавиатуры. Всплывает очень много проблем как с дизайном так и что самое важное с ЛОГИКОЙ размещения визуальной составляющей и логикой самого кода. Слепые люди не видят страниц, а «говорилки» работают с кодом. Браузеры работают с навигацией с помощью клавиатуры.
Слету например вижу что в строке больше 80-ти символов, что не вписывается в WCAG2.0 AAA. Но не нужно стремиться к ААА нужно именно тестировать, тестировать и тестировать на живых людях.
Последнее что нам с ребятами удалось сделать- это http://government.ru/special/ Мы его тестировали с ребятами инвалидами и гоняли по валидаторам. WCAG2.0 (ААА) он проходит, но остались еще маленькие детали, которые мы поправим в начале следующего года. Ведь хороший продукт (в данном случае) получается в его развитии и постоянной доработке.
Кстати, все ошибки, вопросы, замечания и предложения можно отправлять на support@gov.ru или мне просто напишите может так быстрее darkboutique@gmail.com с радостью все услышим и с чем согласны — обязательно поправим.
К сожалению после выхода вышеупомянутого ресурса интернет завалили гос.сайты «для слабовидящих и людей с ограниченными возможностями», которые к таковым отношения не имеют в силу того, что разработчики вообще не запарились разобраться в проблеме. Таких сайтов уже больше сотни. И мое к ним отношени такое, воруете — воруйте все до последней запятой, чтобы было все правильно, но забирают только «картинку», которая не имеет смысла без правильного кода и соблюдения многих правил.
Дальше я опишу очень важный момент. Самое главное — общение и тестирование версии именно инвалидами. Только они и никакие стандарты не могут сказать что удобно, а что нет, где у них возникают проблемы, а где нет.
Вы возможно прогнали сайт по валидаторам WCAG, WAI, SECTION 508 и допустим у вас нет ошибок. К сожалению это еще ничего не значит.
Важно проговорить весь сайт на говорилке JAWS и пройти все маршруты с клавиатуры. Всплывает очень много проблем как с дизайном так и что самое важное с ЛОГИКОЙ размещения визуальной составляющей и логикой самого кода. Слепые люди не видят страниц, а «говорилки» работают с кодом. Браузеры работают с навигацией с помощью клавиатуры.
Слету например вижу что в строке больше 80-ти символов, что не вписывается в WCAG2.0 AAA. Но не нужно стремиться к ААА нужно именно тестировать, тестировать и тестировать на живых людях.
Последнее что нам с ребятами удалось сделать- это http://government.ru/special/ Мы его тестировали с ребятами инвалидами и гоняли по валидаторам. WCAG2.0 (ААА) он проходит, но остались еще маленькие детали, которые мы поправим в начале следующего года. Ведь хороший продукт (в данном случае) получается в его развитии и постоянной доработке.
Кстати, все ошибки, вопросы, замечания и предложения можно отправлять на support@gov.ru или мне просто напишите может так быстрее darkboutique@gmail.com с радостью все услышим и с чем согласны — обязательно поправим.
Кстати тем браузером, который у вас на скриншоте ни кто не пользуется. Все пользуются стандартными (системными) или теми же что и мы все. Ну и к сожаленю пример с ридером и Брайлем не применим к России :( очень мало их, очень. Когда я писал про длину строки в 80 символов — это как раз надо для них, чтобы слепой человек мог строчку целиком прочитать.
Артем, я недавно поставил себе JAWS, чтобы понять его принципы. Кажется он читает не код, а именно экран (как-то хитро встраиваясь в систему). Т. е. можно представить (на самом деле конечно не так), что он снимает скриншот, распознает его и читает именно в том порядке, как оно есть на экране.
Я ошибаюсь, или нет?
Я ошибаюсь, или нет?
Ребята, позвольте и мне вставить свои 5 копеек, тем более наши заказчики частенько посматривают на кремлин и парочку таких версий мы уже выпустили. Так вот что я думаю по поводу версий сайтов для слабовидящих:
1. У большинства региональных и муниципальных гос органов нет вменяемых денег на разработку, и как следствие, проводить тестирования не получается. Хочется, но не срастается в бюджете. Вы можете посчитать нас ленивыми, но коммерческая целесообразность от этого не изменится.
2. Наполняют сайт «обычные» люди и им свойственно делать ошибки, забывать что-то и лениться. Поэтому много проблем возникает на уровне контента (один визивик чего стоит).
И здесь у меня есть претензия к вашим специальным версиям — если в новости есть ссылка на другую новость или страницу сайта, то скорее всего она откроется в обычной версии. Проблема в том, что что вы делаете для слабовидящих отдельный (!) сайт. Что мешает сделать отдельную тему и использовать уже добавленные редактором данные? Мы пошли именно таким путем (благо друпал позволяет), пришлось только меню перестроить.
3. Я замечаю, что обычные люди используют спецверсии. Фокус в том, что их легче читать (вспоминаются ридеры для сафари и дополнения в огнелису/хрому). Так может эти вещи нужны не только инвалидам по зрению?
1. У большинства региональных и муниципальных гос органов нет вменяемых денег на разработку, и как следствие, проводить тестирования не получается. Хочется, но не срастается в бюджете. Вы можете посчитать нас ленивыми, но коммерческая целесообразность от этого не изменится.
2. Наполняют сайт «обычные» люди и им свойственно делать ошибки, забывать что-то и лениться. Поэтому много проблем возникает на уровне контента (один визивик чего стоит).
И здесь у меня есть претензия к вашим специальным версиям — если в новости есть ссылка на другую новость или страницу сайта, то скорее всего она откроется в обычной версии. Проблема в том, что что вы делаете для слабовидящих отдельный (!) сайт. Что мешает сделать отдельную тему и использовать уже добавленные редактором данные? Мы пошли именно таким путем (благо друпал позволяет), пришлось только меню перестроить.
3. Я замечаю, что обычные люди используют спецверсии. Фокус в том, что их легче читать (вспоминаются ридеры для сафари и дополнения в огнелису/хрому). Так может эти вещи нужны не только инвалидам по зрению?
1. Уверен что вопрос не в деньгах, а желании сделать что-то хорошее.
2. Мы всегда стараемся максимально его отключить b i us и ссылка. Это идеально, но не всегда возможно, хотя стремимся. Все остальное делают стили.
Про наполнение я озвучу другую проблему. В идеале надо подписывать картинки иначе (лонгдескрипшн) и редакции объяснить зачем это нужно. Не «Губернатор на форуме», а «Губернатор Иван Иванович Иванов протягивает руку Федору Степановичу Петрову. На заднем плане представители форума улыбаются и машут.»
Ну и самое главное про контент. В идеале нужно перерабатывать материалы для этих специальных версий. Делать текст проще, лаконичней. Ведь мы имеем дело не только например со слепыми, но и с людьми с когнитивными расстройствами, которые забыли начало текста когда дочитали до середины. Упрощенная лексика тоже нужна. Кстати, это не помешало бы вообще всем гос.сайтам. Более того, я бы на законодательном уровне запретил использовать сложную брократическую речь — это напрямую мешает доступности информации даже для здоровых людей.
На счет перехода туда/сюда. Не думаю что это необходимо, ведь контент и функционал в большинстве случаев полностью сохранен. У нас эти версии вообще не требуют поддержки, контент автоматически появляется на всех версиях, включая мобильную. Даже не знаю как и зачем делать иначе.
3. Да :) Сам частенько так читаю сайт ночью в инвертированной палитре. Но мне кажется тут надо разделять «людей с ограниченными возможностями» и что-то вроде «reader'а» в сафари. Все же задачи чуть разные, а компромисы не всегда правильны. Скорее обычная версия сайта должна хорошо читаться, быть с «чистой» типографикой.
2. Мы всегда стараемся максимально его отключить b i u
Про наполнение я озвучу другую проблему. В идеале надо подписывать картинки иначе (лонгдескрипшн) и редакции объяснить зачем это нужно. Не «Губернатор на форуме», а «Губернатор Иван Иванович Иванов протягивает руку Федору Степановичу Петрову. На заднем плане представители форума улыбаются и машут.»
Ну и самое главное про контент. В идеале нужно перерабатывать материалы для этих специальных версий. Делать текст проще, лаконичней. Ведь мы имеем дело не только например со слепыми, но и с людьми с когнитивными расстройствами, которые забыли начало текста когда дочитали до середины. Упрощенная лексика тоже нужна. Кстати, это не помешало бы вообще всем гос.сайтам. Более того, я бы на законодательном уровне запретил использовать сложную брократическую речь — это напрямую мешает доступности информации даже для здоровых людей.
На счет перехода туда/сюда. Не думаю что это необходимо, ведь контент и функционал в большинстве случаев полностью сохранен. У нас эти версии вообще не требуют поддержки, контент автоматически появляется на всех версиях, включая мобильную. Даже не знаю как и зачем делать иначе.
3. Да :) Сам частенько так читаю сайт ночью в инвертированной палитре. Но мне кажется тут надо разделять «людей с ограниченными возможностями» и что-то вроде «reader'а» в сафари. Все же задачи чуть разные, а компромисы не всегда правильны. Скорее обычная версия сайта должна хорошо читаться, быть с «чистой» типографикой.
Пока писал ответ промахнулся и запостил не в ту ветку.
Посмотри вот этот комментарий.
Посмотри вот этот комментарий.
А на счет копирования я вижу gubernator74.ru/ vs kremlin.ru и не считаю это чем-то плохим, предпочитаю называть это стандартизацией. По мне так это благо во всех смыслах.
как бы кажется что он читает с экрана :) но скачет он именно по элементам html
Ссылки «Выступление депутата» и «Законопроекты депутата» со спец.страницы (с «синей» цветовой схемой) перекидывают на «обычную» страницу поиска. Это бага или фича?
А так в целом весьма симпатично, хоть и непривычно с такой схемой сидеть (я классический дальтоник).
А так в целом весьма симпатично, хоть и непривычно с такой схемой сидеть (я классический дальтоник).
Я занимаюсь вопросами web accessibility несколько лет. Перевел WCAG 2.0 на русский язык. Перевод лежит здесь wcag.ru/guidelines/wcag20. Сейчас проходит последняя стадия авторизации перевода в W3C. Мы будем рады услышать мнение и комментарии экспертов дизайнеров и проектировщиков по поводу этого текста.
Что касается специальных версий страниц для незрячих, как говорит Артем Геллер, с которым мы работали в этой области, надо тестировать с привлечением инвалидов. Нам, зрячим, не понять, как они используют и что они видят на наших сайтах. И самое главное, специальные версии страниц — это компромисс. Это откуп от инвалидов. Доступность — это процесс, к которому надо стремиться на протяжении всего сайта, всего времени его существования. И делать очень специальные вещи не требуется. Просто надо все делать стандартно. Я только что зарегистрировал на хабре моего незрячего коллегу и соратника (он не мог пройти капчу) Алексея Любимова. Мы постараемся ответить на вопросы о том, как незрячие пользуются компьютером, какие инструменты можно использовать для тестирования. Думаем сделать видеоуроки. Если у вас есть в разработке проекты, которые вы хотели бы протестировать с привлечением незрячих пользователей, мы будем рады вам содействовать даже и на бесплатной основе.
Что касается специальных версий страниц для незрячих, как говорит Артем Геллер, с которым мы работали в этой области, надо тестировать с привлечением инвалидов. Нам, зрячим, не понять, как они используют и что они видят на наших сайтах. И самое главное, специальные версии страниц — это компромисс. Это откуп от инвалидов. Доступность — это процесс, к которому надо стремиться на протяжении всего сайта, всего времени его существования. И делать очень специальные вещи не требуется. Просто надо все делать стандартно. Я только что зарегистрировал на хабре моего незрячего коллегу и соратника (он не мог пройти капчу) Алексея Любимова. Мы постараемся ответить на вопросы о том, как незрячие пользуются компьютером, какие инструменты можно использовать для тестирования. Думаем сделать видеоуроки. Если у вас есть в разработке проекты, которые вы хотели бы протестировать с привлечением незрячих пользователей, мы будем рады вам содействовать даже и на бесплатной основе.
С тем что ты пишешь я лично согласен. Не понятно только как обязать редакторов делать все правильно. Ну и не забывай, что в штате муниципалитетов в 95% случаев нет пресс-секретаря и сайтом занимаются «между делом».
А говоря про ссылки я имел в виду вот такую ситуацию:
special.kremlin.ru/news/14057 (в предпоследнем абзаце ссылка на новость в обычном формате).
А говоря про ссылки я имел в виду вот такую ситуацию:
special.kremlin.ru/news/14057 (в предпоследнем абзаце ссылка на новость в обычном формате).
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
О разработке специальной версии сайта Госдумы для людей с нарушениями зрения