Инклюзивный ананас

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

• 00:10 — Приветствие.
• 00:40 — Новости.
• 07:02 — Генеративный UI атакует.
• 08:45 — Текущие проблемы.
• 12:22 — Пользователи.
• 17:25 — Компьютерное зрение.
• 21:37 — Распознавание речи.
• 26:32 — Инструменты для разработчиков.
• 36:34 — Инструменты для дизайнеров.
• 40:25 — Инструменты для QA-специалистов.
• 47:39 — События.

• WebAIM Screen Reader User Survey 10
• Terms Intent to Prototype: Accessibility and Display: the CSS reading-order-items property
• KeyUX
• The WebAIM Million
• AI & the Web: Understanding and managing the impact of Machine Learning models on the Web
• Opportunities for AI in Accessibility
• The impact of AI on people with disabilities
• Insights: AI and Accessibility
• AI for accessibility and beyond
• AI as an A11y (Ally)
• The Ethics of Inclusive AI
• Artificial Intelligence: Your Organization is the Future of Accessible Technology
• “AI” and accessible front-end components: is the nuance generatable?
• Accessibility Has Failed: Try Generative UI = Individualized UX
• Jakob Nielsen’s Bad Ideas about Accessibility
• On Jakob Nielsen, AI hype, and accessibility
• Picture Smart AI: How We Got Here
• AI Systems for Accessibility
• Enhancing Accessibility with AI and ML
• This Company Tapped AI for Its Website—and Landed in Court
• New Apple podcasts transcripts are changing the way users consume podcasts
• ChatGPT
• Dynamically adding text alternatives to images with AI
• Can generative AI help write accessible code?
• I worry our Copilot is leaving some passengers behind

Обсуждаем с пользователями доступности их опыт. Оксана Чучункова рассказывает, как она слушает интерфейсы, а Андрей Смирнов делится историей про то, как неожиданно для себя столкнулся с барьерами в вебе и не только.

• 00:10 — Приветствие.
• 00:40 — Новости.
• 03:11 — История Андрея Смирнова.
• 13:12 — Как изменилась повседневная жизнь Андрея.
• 16:33 — Барьеры в интерфейсе для Андрея.
• 24:33 — Физические барьеры для Андрея.
• 26:22 — Суммируем проблемы с визуальной доступностью.
• 29:52 — История Оксаны.
• 37:36 — Барьеры для Оксаны в интерфейсах.
• 49:46 — «А у вас, вообще-то, экран телефона выключен».
• 51:29 — Отношение окружающих людей.
• 01:01:47 — Резюмируем проблемы с невизуальной доступностью.

• Cyberflashing, epilepsy-trolling and fake news to put online abusers behind bars from today
• WAI-ARIA 1.3 First Public Working Draft
• Технические предпочтения пользователей с нарушениями зрения в 2023 году. Исследование Яндекса
• Всего 37 % российских онлайн-ресурсов доступны для незрячих людей
• Тред Андрея Смирнова про внезапный недуг
• Подкаст Frontend Weekend
• Подкаст 600К в секунду

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

• 00:10 — Приветствие.
• 00:40 — Новости.
• 02:26 — Тема выпуска.
• 02:52 — Глаша представляет гостью.
• 03:19 — Ира рассказывает о себе.
• 05:24 — Забавное про доступность текстов.
• 08:56 — Как Ира работает с дизайн-макетами.
• 15:09 — Где нужны доступные тексты.
• 17:47 — История Глаши про заголовки и тайтлы.
• 21:11 — Проблемы локализации.
• 22:53 — Кек, шмек, чебурек.
• 26:10 — Опять эти кнопки и ссылки.
• 37:43 — Проблемы с самими текстами.
• 38:37 — Проблемы с картинками.
• 39:07 — Проблемы с числительными.
• 40:56 — Термины и условия — боль.
• 42:53 — Переносы слов.
• 43:33 — Описание картинок и подписи к ним.
• 47:48 — Соцсети и описание картинок.
• 51:32 — Редполитика, руководства и сложные ситуации.
• 57:25 — Автоматическое описание картинок.
• 01:02:06 — Субтитры, расшифровки и другие текстовые альтернативы.
• 01:06:55 — Субтитры и расшифровки для нашего подкаста.
• 01:12:26 — Текстовые альтернативы в программах и сервисах.
• 01:19:16 — Маркетинг против здравого смысла.
• 01:24:07 — Выводы и финальные советы.

• Level Access crosses the line; buys accessibility overlay company
• #AudioEye Has Dropped Its Suit Against Me
• Screen Reader User Survey #10
• PDF accessibility checker (PAC)
• The Top Accessibility Errors Found in 2023
• A guide to the visual language of closed captions and subtitles
• Ultimate Guide to Closed Captioning
• ГОСТ Р 57763-2017 Скрытые субтитры для инвалидов по слуху. Общие технические требования, ГОСТ Р от 05 октября 2017 года № 57763-2017
• Designing for people with dyscalculia and low numeracy
• Dyslexia friendly style guide
• Here, here, and here
• How little do users read
• Sign for Deaf
• «Справочник издателя и автора»

Глаша и Таня обсуждают Руководства по доступности веб-контента или коротко WCAG. Рассказывают про его историю, а также про изменения в последних WCAG 2.2.

• 00:10 — Приветствие.
• 00:39 — Тема выпуска.
• 00:57 — Новости.
• 02:01 — Устройство WCAG.
• 08:33 — Как развивался WCAG.
• 14:44 — Что нового во WCAG 2.2.
• 16:34 — Коротко о критериях, которые обсуждали ранее.
• 19:54 — Критерий 2.5.7. Движения перетаскиванием (AA).
• 25:00 — Критерий 2.5.8. Размер цели (Минимальный) (AA).
• 28:34 — Критерий. 3.2.6. Последовательная помощь (A).
• 34:10 — Критерий 3.3.7. Избыточный ввод (A).
• 36:21 — Критерии 3.3.8. Доступная аутентификация (AA) и 3.3.9. Доступная аутентификация (AAA).
• 44:58 — События.

• Chrome теперь поддерживает медиафичу prefers-reduced-transperency
• У Tilda появились доступные блоки
• WCAG 1.0
• WCAG 2.0
• WCAG 2.1
• WCAG 2.2
• Карта WCAG 2.2
• WCAG 2.2 in language I can understand
• The New Requirements for WCAG 2.2
• Принципы WCAG. Размер цели
• Дима проходит капчу ChatGPT

В шестом выпуске подкаста «Инклюзивный ананас» Глаша и Таня проходят собеседование на специалиста по веб-доступности! Отвечаем друг другу на самые важные вопросы про стандарты, особенности разработки, дизайна и доступного контента, а также разбираем, что ещё могут спросить у такого редкого магического зверя как accessibility expert.

• 00:10 — Приветствие.
• 00:42 — Тема выпуска.
• 00:50 — Новости.
• 02:44 — Что делает специалист по доступности.
• 08:52 — Типы вопросов и примеры вопросов про опыт кандидата.
• 14:20 — Общие вопросы про доступность в целом.
• 37:20 — Технические вопросы.
• 01:05:40 — Вопросы про доступный дизайн.
• 01:17:03 — Вопросы про доступный контент.
• 01:21:33 — Вопросы к компании.
• 01:23:21 — Почему не надо бояться собеседований.
• 01:25:02 — События.

• Web Content Accessibility Guidelines (WCAG) 2.2 is a W3C Recommendation
• Список кандидатов на Interop 2024
• Polychrom
• What’s New in Google Accessibility
• Accessibility Interview Questions от Скотта О`Хары
• Accessibility Interview questions от Neha Sharma
• Top 25 Accessibility Interview Questions and Answers
• 30 Common Accessibility Testing Interview Questions
• 45 Accessibility Testing Interview Questions And Answers
• Accessibility Testing
• BingO Bakery: Headings, Landmarks, and Tabs

В пятом выпуске подкаста «Инклюзивный ананас» обсуждаем доступность с клавиатуры. Рассказываем про критерии WCAG 2.1 и WCAG 2.2, которые нужно соблюдать, приводим примеры из личного опыта при разработке и тестировании компонентов, делимся частыми ошибками и пробегаемся по руководствам от W3C про разработку клавиатурного интерфейса.

• 00:10 — Приветствие.
• 00:40 — Тема выпуска.
• 00:53 — Новости.
• 02:56 — Кто пользуется клавиатурой.
• 09:15 — Элементы с фокусом.
• 09:44 — Страшная история про кнопки.
• 14:46 — WCAG 2.1 про клавиатуру.
• 31:07 — WCAG 2.2 про клавиатуру.
• 46:08 — Реальные кейсы, распространённые ошибки.

• BrowserStack запустил отдельный инструмент BrowserStack Accessibility Testing
• Ассистент Sidekick в плагине Stark стал умнее
• ADA Accessibility Lawsuit Tracker, August 2023
• How to meet WCAG — фильтр по тегу keyboard
• Where to Put Focus When Deleting a Thing
• A guide to designing accessible, WCAG-conformant focus indicators
• Внешний вид фокуса
• Видимый фокус
• Клавиатура
• Developing a focus style for a themable design system
• Developing a keyboard interface
• Жуткая история про кнопки из Твиттера

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

• 00:10 — Приветствие.
• 01:19 — Новости.
• 02:43 — Аргументы в пользу доступности.
• 25:42 — Опыт реальных дизайнеров и разработчиков.
• 37:40 — Опыт компаний.
• 47:53 — Как рассказывать о доступности в вашей компании.
• 01:11:48 — События.

• Reddit Testing Verification Mark And New Accessibility Features
• WCAG 2.2 final web standard expected in August 2023
• WCAG 3 Working Draft Updated July 2023
• Justice Department Advances Proposed Rule to Strengthen Web and Mobile App Access for People with Disabilities
• The Business Case for Digital Accessibility
• Web Accessibility in High-Risk Segments
• What is digital accessibility, and why does it matter. Business impact
• Европейский закон о доступности
• Доступность
• Про доступность iOS
• Web Accessibility in High-Risk Segments
• What it takes to minimize your risk for an ADA lawsuit, 33rd-anniversary edition
• Accessibility Legislation & Regulation Roundup – A LOT Happened in Just July
• This Company Tapped AI for Its Website—and Landed in Court
• Market Guide for Digital Accessibility
• Microsoft Inclusive Design
• IBM Equal Access Accessibility Checker
• GitHub VPAT
• Заявление о доступности Twitch
• Заявление о доступности gov.uk
• DWP Design System

В третьем выпуске подкаста «Инклюзивный ананас» обсуждаем с Алёной Батицкой то, почему важно делать доступными образовательные платформы и контент в вебе. Неофициальное название выпуска — Глаша и TikTok.

• 00:10 — Приветствие, знакомство с гостем.
• 01:19 — Контент в онлайн-образовании, платформы.
• 11:04 — Доступность, субтитры и TikTok.
• 13:50 — TikTok и чувствительный контент.
• 14:30 — Twitter и чувствительный контент.
• 16:01 — Государственное образование, флешбэки Алёны.
• 18:28 — Контент людей с глухотой и слабослышащих в TikTok.
• 21:08 — Когнитивные особенности.
• 25:31 — Проблемный alt в Twitter.
• 27:23 — Аудиодескрипция, сурдоперевод в Apple TV и Fitness+, Netflix, Disney.
• 30:49 — Искусственный интеллект, перевод на жестовые языки.
• 31:48 — Выступления на жестовых языках.
• 35:02 — Вебинары, понятные пояснения к слайдам.
• 40:16 — Распутываем аудиодескрипцию и расшифровку.
• 41:39 — Доступность для людей с дислексией.
• 48:38 — Вариативные шрифты.
• 49:53 — Выводы.
• 54:31 — Всем пока до следующего выпуска.

• ASL rendition of 2023 Apple Music Super Bowl LVII halftime show by Rihanna
• ASL performer Justina Miles talks changing society's perceptions of Deaf community
• Battle of the sign languages. British vs. Estonian
• Сервис Signapse
• Bionic Reading
• dyslexia simulator
• Deyilxsa
• 4 фичи для инклюзивного дизайна на примере приложения Duolingo
• Dyslexia friendly fonts: the top 10 dyslexia styles
• Dyslexie font

Во втором выпуске подкаста «Инклюзивный ананас» обсуждаем горячие новости об отчёте The Software House о состоянии фронтенда в 2022, переносе WCAG 2.2, новых инструментах для дизайнеров, таблицах поддержки паттернов из APG; как визуализировать графики доступно; какими должны быть размеры интерактивных элементов; проблемы тегов details и summary; как писать код так, чтобы его понимал Dragon; интервью с директором по доступности Ubisoft.

• 00:10 — Приветствие.
• 01:11 — Что будет в выпуске.
• 01:23 — Новости.
• 04:36 — Доступная визуализация графиков.
• 11:47 — Размеры интерактивных целей.
• 20:13 — и .
• 29:08 — Барьеры для пользователей голосового управления.
• 38:00 — Интервью с директором по доступности Ubisoft.
• 45:45 — События.

• Отчёт о состоянии фронтенда в 2022
• Перенос публикации WCAG 2.2 на третий квартал 2023
• Sidekick
• axe DevTools Linter
• APG support tables – why they matter
• No, APG’s Support Charts Are Not ‘Can I Use’ for ARIA
• Visually Accessible Data Visualization
• Accessible Target Sizes Cheatsheet
• details/summary inconsistencies
• Designing and Coding for Voice
• Интервью с Дэвидом Тиссераном

В первом выпуске подкаста «Инклюзивный ананас» обсуждаем отчёт WebAIM о доступности миллиона домашних страниц за 2023 год; зачем нужен класс .visually-hidden и нужна ли его нативная поддержка в HTML или CSS; что делает тег search и чего ещё из WAI-ARIA нам не хватает в HTML; заменит ли ChatGPT специалистов по доступности и поможет ли сверстать доступную кнопку; два события по веб-доступности.

• 00:40 — Приветствие.
• 01:34 — Отчёт «The WebAIM Million» за 2023.
• 13:51 — Класс .visually-hidden и нативная поддержка в HTML или CSS.
• 26:33 — Тег , каких ещё фич из ARIA не хватает в HTML.
• 37:56 — ChatGPT и доступная кнопка.
• 47:43 — События в мире доступности.

• The WebAIM Million за 2023
• We need accessibility action. And we need it now
• 50.1% empty links
• The Web Needs a Native .visually-hidden
• Visually hidden content is a hack that needs to be resolved, not enshrined
• The search element
• The search element в HTML Standard
• Setting expectations for asking ChatGPT web accessibility questions