Хабрахабр: Метки / accessibility http://habrahabr.ru/rss/tag/accessibility/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 11:17:22 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр <![CDATA[.NET / Удобная навигация в Windows Explorer и Total Commander]]> http://habrahabr.ru/blogs/net/131023/ http://habrahabr.ru/blogs/net/131023/
image
Читать дальше →
]]> Sun, 23 Oct 2011 18:13:15 GMT Bas1l WindowsNavigationAccessibilityWindows ExplorerTotal Commander.NetWPFInno Setup <![CDATA[Веб-стандарты / [Из песочницы] Рекомендации по доступности страниц для людей с ограниченными возможностями]]> http://habrahabr.ru/blogs/webstandards/110600/ http://habrahabr.ru/blogs/webstandards/110600/ WAI-WCAG (Web Accessibility Initiative Web Content Accessibility Guidelines), призванных в частности помочь пользователям с ограниченными возможностями (например с дефектами или отсутствием зрения).

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

Braille

Я все же попробую немного обосновать «полезность» двумя словами.
Во-первых, — это качество. Ваш сервис станет более удобным и простым в пользовании.
А, во-вторых, это конкурентноспособность – целевую аудиторию расхватывают быстро, поэтому поиск новых ниш – задача первоочередная, это вам скажет любой маркетолог.

В моем же случае — это требование заказчика. Согласно Section 508 если я хочу продать продукт любому федеральному органу США – я должен поддерживать этот стандарт.

Многие скажут, что вряд ли собираются что-то продавать правительству США, но в России такой стандарт тоже есть (ГОСТ Р 52872–2007) и никто не гарантирует, что завтра он вас/нас не коснется.

Следует также отметить, что если вы уже следуете принципам корректной разметки (согласно w3c) и оптимизации для поисковых систем, то кардинальных изменений от вас не потребуется.

Всё же приведу ряд рекомендаций которые покрывают значительную часть элементов разметки. Их можно взять на заметку и смело использовать при следующей верстке.
Читать дальше →
]]> Thu, 06 Jan 2011 12:29:36 GMT 40in wai-wcagвеб-стандартыaccessibilitywai-ariasection 508web standardstipsинтерфейсыюзабилити <![CDATA[Microsoft / Imagine Cup: Новые конкурсы — новые призы]]> http://habrahabr.ru/blogs/microsoft/84932/ http://habrahabr.ru/blogs/microsoft/84932/ Imagine Cup объявлены дополнительные конкурсы (Awards), участвовать в которых можно независимо от основных категорий или дополнительно к ним.

Для всех новых конкурсов общая тема остается неизменной: «Представьте себе мир, где технологии помогают в решении важнейших современных мировых проблем».


Новые конкурсы


  • Internet Explorer 8 Award
  • Next Generation Web Award
  • Interoperability Award
  • Touch & Tablet Accessibility Award
Читать дальше →
]]> Fri, 19 Feb 2010 13:32:38 GMT kichik imagine cupmicrosoftinternet explorer 8interoperabilityasp.netsilverlighttouchtabletaccessibility <![CDATA[Электронное правительство / Требования к госсайтам от МинЭкономРазвития через призму доступности информации]]> http://habrahabr.ru/blogs/e_gov/81419/ http://habrahabr.ru/blogs/e_gov/81419/ выступал с инициативой разработать требования к доступности информации на госсайтах.

В ноябре 2009 года наконец вышел в свет небольшой приказ МинЭкономРазвития, содержащий требования к госсайтам, который может значительно усложнить (по крайней мере, первое время) жизнь отделам по ведению интернет-ресуров госорганов и, возможно, значительно упростить жизнь для пользователей их сайтов.

Я решил воспользоваться своим опытом анализа понятия доступность, который я озвучивал на конференции User Experience Russia-2007 и представить новые требования в разрезе классификатора доступности, заодно сделав их более наглядными для ознакомления и изучения.

Итак, требования к доступности информации разбиты по 4-м категориям:
  1. Фактическое наличие
  2. Возможность доступа
  3. Возможность найти
  4. Возможность воспользоваться

I. Фактическое наличие


Резервное копирование
Должно быть обеспечено ежедневное копирование всей размещенной на официальном сайте информации и электронных журналов учета операций на резервный материальный носитель, обеспечивающее возможность их восстановления.

Повреждение информации
Должна быть обеспечена защита информации от уничтожения, модификации и блокирования доступа к ней, а также от иных неправомерных действий в отношении такой информации.
Читать дальше →
]]> Thu, 21 Jan 2010 01:10:13 GMT beskov требованиягоссайтыдоступность информацииaccessibilityминэкономразвития <![CDATA[Блог компании UsabilityLab / Дизайн как двигатель инноваций]]> http://habrahabr.ru/company/usabilitylab/blog/76516/ http://habrahabr.ru/company/usabilitylab/blog/76516/ 17 апреля 2009 года в Еврокомиссии началось обсуждение документа, в определенном смысле эпохального для развития дизайна, как профессии: "Design as a driver of user-centred innovation"

До 26 июня документ обсуждался (проводились публичные консультации) и дорабатывался.

26 ноября на вебинаре UX Russia мы с Андреем Сикорским обсуждали значение этого документа для отрасли.

Документ содержит:

* Анализ места дизайна в разработке и инновациях;
* Определения дизайна;
* Результаты исследований положения дел в Европе;
* Обсуждает влияние дизайна на конкурентоспособность бизнеса.

Записи почти часового обсуждения (слайды и аудио) доступны каждому, и настоятельно рекомендуются к ознакомлению.]]> Thu, 26 Nov 2009 19:14:42 GMT dmitrysatin дизайневрокомиссияaccessibilitysustainable design <![CDATA[Персональные блоги / [Перевод] Использование элементов fieldset и legend для группировки управляющих элементов HTML форм]]> http://habrahabr.ru/blogs/personal/58914/ http://habrahabr.ru/blogs/personal/58914/ fieldset и legend должны использоваться вместе для создания именованных групп связанных с точки зрения семантики полей ввода HTML форм. Это позволяет пользователю понять, как поля ввода связаны между собой.
Читать дальше →
]]> Tue, 05 May 2009 09:36:13 GMT SilentImp xhtmlAccessibilityQuick Tipsзаметкидоступностьформыfieldsetlegend <![CDATA[Веб-стандарты / WAI-ARIA: стандарт доступности активных интернет-приложений]]> http://habrahabr.ru/blogs/webstandards/40730/ http://habrahabr.ru/blogs/webstandards/40730/ «Стандарт доступности содержимого WAI-WCAG 1.0».

Применение стандарта особенно эффективно для сайтов с динамическим содержимым и развитыми элементами управления пользовательским интерфейсом, разработанными с использованием Ajax, HTML, Javascript, и связанных с ними технологий. В настоящее время, некоторые функциональные возможности веб-сайтов недоступны для части пользователей с ограниченными физическими возможностями, особенно для людей, полагающихся на программы, читающие с экрана и для тех людей, которые не могут использовать мышь. WAI-ARIA задает новые пути предоставления функциональных возможностей программами-помощниками. С помощью WAI-ARIA разработчики могут создавать прогрессивные веб-приложения, доступные и удобные для всех пользователей.
Читать дальше →
]]> Tue, 23 Sep 2008 21:00:58 GMT rgbeast wai-wcagwai-ariaw3caccessibilityajaxjavascript <![CDATA[Веб-разработка / Вредная верстка]]> http://habrahabr.ru/blogs/webdev/25680/ http://habrahabr.ru/blogs/webdev/25680/ Есть много статей о том, как делать хорошо, но совсем нет – о том, как делать не надо, ведь даже валидный и кроссбраузерный сайт может быть сверстан отвратительно.

Из этой статьи вы узнаете:


  • О плохих приемах современной верстки;
  • О том, как даже не будучи профессионалом, за 5 минут определить плохо ли сверстан сайт или нет.


Читать дальше →
]]> Sun, 18 May 2008 22:18:19 GMT Delka версткаошибкисемантикаaccessibility <![CDATA[Интерфейсы / [Перевод] Эффективный цветовой контраст. Дизайн для людей с частичными проблемами зрения и восприятия цвета]]> http://habrahabr.ru/blogs/ui/31384/ http://habrahabr.ru/blogs/ui/31384/
Читать дальше →
]]> Fri, 25 Jan 2008 14:27:14 GMT beshenov цветконтрастusabilityaccessibilityюзабилити <![CDATA[Интерфейсы / Проблема общедоступности в Интернете]]> http://habrahabr.ru/blogs/ui/17308/ http://habrahabr.ru/blogs/ui/17308/
]]> Tue, 11 Dec 2007 06:03:01 GMT dmitrysatin accessibilityusabilityUsabilityLabобщедоступностьюзабили <![CDATA[Интерфейсы / [Перевод] 10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“]]> http://habrahabr.ru/blogs/ui/31250/ http://habrahabr.ru/blogs/ui/31250/ 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод alexbig

10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“



В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + Javascript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.

Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.

А вы ведь, не хотите этого, верно?
]]> Thu, 13 Sep 2007 16:38:14 GMT alexbig делаем веб лучшедизайндальтонизмaccessibilitydesignusab <![CDATA[Персональные блоги / 10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“]]> http://habrahabr.ru/blogs/personal/14071/ http://habrahabr.ru/blogs/personal/14071/ 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод от alexbig

10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“



В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + Javascript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.

Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.

А вы ведь, не хотите этого, верно?
]]> Thu, 13 Sep 2007 16:30:47 GMT alexbig делаем веб лучшедизайндальтонизмaccessibilitydesignusab <![CDATA[Каскадные Таблицы Стилей / Календарь: Таблица или Список?]]> http://habrahabr.ru/blogs/css/13223/ http://habrahabr.ru/blogs/css/13223/ Предыстория
На поиски по теме, указанной в заголовке меня сподвигла задача сверстать календарь для нашей системы отчетов. Что примечательно, мои действия почти в точности повторяли действия автора статьи, которую я нашел и перевёл (под катом).
Встав перед задачей сверстать календарь я тоже «мыслил анти-таблично», и после не долгих раздумий сварганил из списка календарец. Но к концу рабочего дня и всех мытарств, меня переклинило по дороге домой тоже, что и автора статьи — а как быть с днями недели?
По пути я обдумал этот вопрос и сформулировал запрос для Google — calendar table or list. Первая же ссылка привлекла меня и подтвердила мои соображения относительно того что календарь это всё-таки таблица а не список.
Я не претендую на оригинальность, конечно же, и возможно эта тема уже поднималась, но именно в таком разрезе я её ещё не встречал. В русскоязычной части интернета я ещё как-то читал статью Neutrino о его опыте вёрстки календаря, тогда я ещё удивился предложенному решению, но к сожалению тогда о семантике я мало задумывался)
Для предотвращения возможных будущих заблуждений, я решил перевести найденную статью, так как она вполне убедительна и раскрывает довольно полно затронутую тему. Надеюсь, также на вашу критику перевода, так как с переводом у меня не всё гладко, по-моему)


Читать дальше →
]]> Wed, 15 Aug 2007 15:28:08 GMT leshaogonkov htmlsemanticstableaccessibilityперевод <![CDATA[Интерфейсы / Доступность сайтов госорганов]]> http://habrahabr.ru/blogs/ui/7762/ http://habrahabr.ru/blogs/ui/7762/ призывает принять участие в выработке рекомендаций по технической и эргономической доступности информации. Речь, в первую очередь, идёт о рекомендациях для сайтов государственных структур. Не секрет, что с доступностью контента у них по большей части беда. Пора начать наводить порядок.

Подробности.]]> Tue, 01 May 2007 03:12:13 GMT rossomachin доступность контентаaccessibility <![CDATA[Персональные блоги / Валидация и доступность контента (accessibility)]]> http://habrahabr.ru/blogs/personal/5438/ http://habrahabr.ru/blogs/personal/5438/ посмотреть профиль ravve опубликовал перевод хорошей статьи (спасибо ему за это), однако в комментариях я увидел, что некоторые хабралюди считают, будто доступность контента обеспечивается одной лишь удачно пройденной процедурой валидации на сайте W3C. Это далеко не так. Валидация в данном случае скорее как дополнительный критерий качества того кода, который заключает в себе контент.

Проблема обеспечения доступности контента шире, чем просто обеспечение валидности кода. Категории людей, испытывающих трудности с доступом к сетевому контенту, не ограничены только слабослышащими и слабовидящими.

Вы можете обеспечить вашему сайту валидный код, но, например, забыть выставить задержку для пунктов раскрывающегося JavaScript-меню. И потерять пользователей, не успевающих кликнуть мышкой. И подобных примеров масса.

Всем, кому интересен вопрос, рекомендую прочесть труды Джо Кларка — признанного гуру в этих вопросах.]]> Mon, 19 Mar 2007 04:01:15 GMT rossomachin валидацияW3Cдоступность контентаaccessibilityДжо Кларк <![CDATA[Персональные блоги / [Перевод] Аксессибилити для слепых]]> http://habrahabr.ru/blogs/personal/30930/ http://habrahabr.ru/blogs/personal/30930/
Читать дальше →
]]> Sun, 18 Mar 2007 16:27:13 GMT ravve blindBrailleJapanслепыеаксессибилитиaccessibility