Pull to refresh
  • by relevance
  • by date
  • by rating

Опубликованы новые русские переводы документации W3C по web-доступности

Website developmentInterfacesIT StandardsUsabilityAccessibility
Консорциум Всемирной паутины (W3C) в рамках программы Инициативы web-доступности (WAI), объединяющей стратегии, стандарты и вспомогательные ресурсы, призванные помочь сделать Интернет более доступным для людей с ограниченными возможностями, объявил о значительном расширении перечня переводов нормативных документов на различные языки. В общей сложности стало доступно более двадцати новых переводов, в том числе на русском и белорусском языках.
Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Views1.9K
Comments 1

Прямой эфир конференции Я ❤︎ Фронтенд 2020 — 29 февраля. Спикеры и программа

Яндекс corporate blogJavaScriptInterfacesHTMLConferences
UPD. Конференция прошла, вот все видео в плейлисте:

Яндекс во второй половине нулевых начал проводить встречи по фронтенду — тогда их аудиторию часто называли верстальщиками. Недавно мы отметили 10-летие Я.Субботника по фронтенду. Но Я.Субботник традиционно строится вокруг докладов о технологиях Яндекса. Сообществу и нам нужна была конференция по разработке интерфейсов, участники которой могли бы узнать об опыте разных компаний и standalone-разработчиков. Мы не раз устраивали такие события в регионах — но не в Москве. Год назад мы заполнили этот пробел, проведя конференцию «Я Фронтенд». Судя по отзывам, получилось неплохо — 29 февраля будет следующая серия.

Прямой эфир со второй конференции «Я Фронтенд» начнётся в 11:00. Он пройдёт в канале «Фронтенд» на YouTube, в группах «Яндекс для разработчиков» во ВКонтакте и Фейсбуке, а также на странице мероприятия — по ссылке можно оставить почту, если вы хотите получить напоминание о трансляции. Вот её программа:
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views2.7K
Comments 0

Приглашение к участию в русском переводе WCAG 2.1

AccessibilityCrowdsourcing
Привет! Я приглашаю вас поучаствовать в работе над переводом норматива Консорциума Всемирной паутины (World Wide Web Consortium, W3C) – Руководства по обеспечению доступности веб-контента (Web Content Accessibility Guidelines, WCAG) редакции 2.1.

Руководство – это набор рекомендаций по обеспечению доступности веб-контента для людей с различными ограничениями, которые (рекомендации) фактически являются международным стандартом в этой области. Предыдущая редакция (WCAG 2.0) – является стандартом буквально – это ISO/IEC 40500:2012 Information technology. W3C Web Content Accessibility Guidelines (WCAG) 2.0.

Оригинальный текст на английском, черновой перевод на русский уже выполнен, но одна голова – хорошо, а много – лучше.
Читать дальше →
Total votes 6: ↑6 and ↓0 +6
Views1.1K
Comments 5

Руководство по обеспечению доступности веб-контента (WCAG) 2.1 переведено на русский язык

Accessibility

ОД «Информация для всех» опубликовало русский перевод Руководства по обеспечению доступности веб-контента (Web Content Accessibility Guidelines, WCAG) в редакции 2.1, разработанного Консорциумом Всемирной паутины (World Wide Web Consortium, W3C).

Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Views2.3K
Comments 0

Валидация и доступность контента (accessibility)

Accessibility
ravve опубликовал перевод хорошей статьи (спасибо ему за это), однако в комментариях я увидел, что некоторые хабралюди считают, будто доступность контента обеспечивается одной лишь удачно пройденной процедурой валидации на сайте W3C. Это далеко не так. Валидация в данном случае скорее как дополнительный критерий качества того кода, который заключает в себе контент.

Проблема обеспечения доступности контента шире, чем просто обеспечение валидности кода. Категории людей, испытывающих трудности с доступом к сетевому контенту, не ограничены только слабослышащими и слабовидящими.
Читать дальше →
Total votes 11: ↑10 and ↓1 +9
Views1.1K
Comments 9

Доступность сайтов госорганов

InterfacesAccessibility
Денис Бесков-Доронин призывает принять участие в выработке рекомендаций по технической и эргономической доступности информации. Речь, в первую очередь, идёт о рекомендациях для сайтов государственных структур. Не секрет, что с доступностью контента у них по большей части беда. Пора начать наводить порядок.

Подробности.
Total votes 31: ↑24 and ↓7 +17
Views995
Comments 33

Календарь: Таблица или Список?

CSS

Предыстория


На поиски по теме, указанной в заголовке меня сподвигла задача сверстать календарь для нашей системы отчетов. Что примечательно, мои действия почти в точности повторяли действия автора статьи, которую я нашел и перевёл (под катом).
Встав перед задачей сверстать календарь я тоже «мыслил анти-таблично», и после не долгих раздумий сварганил из списка календарец. Но к концу рабочего дня и всех мытарств, меня переклинило по дороге домой тоже, что и автора статьи — а как быть с днями недели?
По пути я обдумал этот вопрос и сформулировал запрос для Google — calendar table or list. Первая же ссылка привлекла меня и подтвердила мои соображения относительно того что календарь это всё-таки таблица а не список.
Я не претендую на оригинальность, конечно же, и возможно эта тема уже поднималась, но именно в таком разрезе я её ещё не встречал. В русскоязычной части интернета я ещё как-то читал статью Neutrino о его опыте вёрстки календаря, тогда я ещё удивился предложенному решению, но к сожалению тогда о семантике я мало задумывался)
Для предотвращения возможных будущих заблуждений, я решил перевести найденную статью, так как она вполне убедительна и раскрывает довольно полно затронутую тему. Надеюсь, также на вашу критику перевода, так как с переводом у меня не всё гладко, по-моему)


Читать дальше →
Total votes 15: ↑13 and ↓2 +11
Views5K
Comments 28

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

Lumber room
Вашему вниманию предлагается перевод статьи 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод от alexbig

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



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

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

А вы ведь, не хотите этого, верно?
Total votes 4: ↑2 and ↓2 0
Views470
Comments 1

Проблема общедоступности в Интернете

Interfaces
Летом этого года мы участвовали в конференции, проводимой Министерством Связи Республики Татарстан. Один из наших докладов был записан на видео, теперь он стал доступен в сети.

Total votes 15: ↑12 and ↓3 +9
Views432
Comments 0

Вредная верстка

Accessibility
Как определить, что сайт сверстан качественно?
Есть много статей о том, как делать хорошо, но совсем нет – о том, как делать не надо, ведь даже валидный и кроссбраузерный сайт может быть сверстан отвратительно.

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


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


Читать дальше →
Total votes 203: ↑175 and ↓28 +147
Views71.3K
Comments 339

Аксессибилити для слепых

Accessibility
Translation
Для большинства из нас работа с компьютером и сёрфинг в Сети это почти полностью зрительный опыт. Мы передвигаем курсор по экрану, нажимаем кнопки и менюшки, читаем тексты и смотрим на картинки. Но, хотя, большинство из нас при работе с компьютером рассчитывает только на монитор, слепые и зрительно слабые люди тоже не остаются за бортом. James и Uleshka беседовали со слепым программистом Masafumi «Max» Nakane на тему он- и оф-лайновой юзабилити для тех, кто не может видеть.
Читать дальше →
Total votes 44: ↑43 and ↓1 +42
Views8.8K
Comments 33

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

InterfacesAccessibility
Translation
Вашему вниманию предлагается перевод статьи 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод alexbig

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



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

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

А вы ведь, не хотите этого, верно?
Total votes 9: ↑8 and ↓1 +7
Views19.5K
Comments 23

Эффективный цветовой контраст. Дизайн для людей с частичными проблемами зрения и восприятия цвета

InterfacesAccessibility
Translation
Здесь упоминаются три основных правила эффективного выбора цветов, которые хорошо воспринимаются практически всеми. Далее приводятся объяснения трех свойств цвета в человеческом восприятии — тона, яркости и насыщенности — в контексте науки о зрении.

Читать дальше →
Total votes 33: ↑31 and ↓2 +29
Views4.8K
Comments 19

WAI-ARIA: стандарт доступности активных интернет-приложений

IT Standards
WAI-ARIA (Web Accessibility Initiative — Accessible Rich Internet Applications) — стандарт доступности активных Интернет-приложений, определяет подходы к тому, чтобы сделать содержимое сайтов и интернет-приложения более доступными для людей с ограниченными возможностями. Настоящая статья описывает проблемы, решению которых посвящен стандарт WAI-ARIA, а также знакомит с пакетом технических документов WAI-ARIA. Используемая терминология описана в ранее опубликованной на хабре статье «Стандарт доступности содержимого WAI-WCAG 1.0».

Применение стандарта особенно эффективно для сайтов с динамическим содержимым и развитыми элементами управления пользовательским интерфейсом, разработанными с использованием Ajax, HTML, JavaScript, и связанных с ними технологий. В настоящее время, некоторые функциональные возможности веб-сайтов недоступны для части пользователей с ограниченными физическими возможностями, особенно для людей, полагающихся на программы, читающие с экрана и для тех людей, которые не могут использовать мышь. WAI-ARIA задает новые пути предоставления функциональных возможностей программами-помощниками. С помощью WAI-ARIA разработчики могут создавать прогрессивные веб-приложения, доступные и удобные для всех пользователей.
Читать дальше →
Total votes 14: ↑14 and ↓0 +14
Views8.3K
Comments 4

Использование элементов fieldset и legend для группировки управляющих элементов HTML форм

Lumber room
Translation
Элементы fieldset и legend должны использоваться вместе для создания именованных групп связанных с точки зрения семантики полей ввода HTML форм. Это позволяет пользователю понять, как поля ввода связаны между собой.
Читать дальше →
Total votes 10: ↑5 and ↓5 0
Views3.2K
Comments 14

Дизайн как двигатель инноваций

UsabilityLab corporate blogUsabilityAccessibility
Флаг Евросоюза 17 апреля 2009 года в Еврокомиссии началось обсуждение документа, в определенном смысле эпохального для развития дизайна, как профессии: "Design as a driver of user-centred innovation"

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

26 ноября на вебинаре UX Russia мы с Андреем Сикорским обсуждали значение этого документа для отрасли.
Читать дальше →
Total votes 12: ↑8 and ↓4 +4
Views946
Comments 2

Требования к госсайтам от МинЭкономРазвития через призму доступности информации

Accessibility
Два с половиной года назад я выступал с инициативой разработать требования к доступности информации на госсайтах.

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

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

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

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


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

Повреждение информации
Должна быть обеспечена защита информации от уничтожения, модификации и блокирования доступа к ней, а также от иных неправомерных действий в отношении такой информации.
Читать дальше →
Total votes 33: ↑29 and ↓4 +25
Views2.3K
Comments 30

Imagine Cup: Новые конкурсы — новые призы

IT-companies
В рамках студенческого конкурса Imagine Cup объявлены дополнительные конкурсы (Awards), участвовать в которых можно независимо от основных категорий или дополнительно к ним.

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


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


  • Internet Explorer 8 Award
  • Next Generation Web Award
  • Interoperability Award
  • Touch & Tablet Accessibility Award
Читать дальше →
Total votes 21: ↑15 and ↓6 +9
Views434
Comments 2

Рекомендации по доступности страниц для людей с ограниченными возможностями

Accessibility
Sandbox
Многие слышали о рекомендациях WAI-WCAG (Web Accessibility Initiative Web Content Accessibility Guidelines), призванных в частности помочь пользователям с ограниченными возможностями (например с дефектами или отсутствием зрения).

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

Braille

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

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

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

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

Всё же приведу ряд рекомендаций которые покрывают значительную часть элементов разметки. Их можно взять на заметку и смело использовать при следующей верстке.
Читать дальше →
Total votes 63: ↑63 and ↓0 +63
Views5K
Comments 26

Удобная навигация в Windows Explorer и Total Commander

.NET
Вы никогда не задумывались над тем, что навигация в Windows могла бы быть намного удобней? Почему бы не добавить возможность, аналогичную навигации по классам во многих современных IDE, когда в выпадающем списке, вызываемом сочетанием клавиш, отображаются папки с нужным именем, вот так:

image
Читать дальше →
Total votes 72: ↑59 and ↓13 +46
Views7K
Comments 78