Инклюзивный ананас — подкаст о цифровой доступности

Подводим итоги 2024 года в мире веб-доступности. Разбираем результаты из Web Almanac, обсуждаем прошлогодние планы по Interop и результаты State of HTML. Спойлер — с доступностью всё не так уж плохо, но и особого прогресса нет.Темы00:10 — Что обсудим в выпуске.00:34 — Популярные инструменты для тестирования.06:05 — Общее состоянии доступности по версии Web Almanac.10:10 — Атрибут lang и пользовательские настройки.12:11 — Доступность навигации, атрибут focusgroup.17:55 — State of HTML и судьба tabindex.19:37 — Web Almanac об ориентирах и скип линках.22:07 — Проблемы с названиями страниц, форм и медиа.25:14 — Использование WAI-ARIA и других техник.27:00 — Оверлеи и доступность по странам.27:58 — CMS и фреймворки.29:04 — Итоги Interop 2024.35:15 — Выводы.СсылкиState of HTMLWeb Almanac 2024: AccessibilityWeb platform Tests DashboardAccessibility Testing for WPT Interop

Зачем, куда и как расти, если решили или хотите работать в сфере цифровой доступности.Темы00:10 — Приветствие.01:08 — А зачем это всё?02:01 — Роли в веб-доступности.04:54 — Чем занимается Глаша.11:28 — Сертификаты.18:50 — Как Таня получала CPACC.СсылкиМеждународная ассоциация профессионалов в области доступностиСертификаты IAAPCPACC: комплекс знаний 2023О программе Trusted TesterЕвропейский закон о доступностиТаблица с сертификатами от Тани

Как искусственный интеллект, нейросети и языковые модели упрощают и усложняют жизнь пользователям, разработчикам, тестировщикам, дизайнерам и специалистам по доступности.Темы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 10Terms Intent to Prototype: Accessibility and Display: the CSS reading-order-items propertyKeyUXThe WebAIM MillionAI & the Web: Understanding and managing the impact of Machine Learning models on the WebOpportunities for AI in AccessibilityThe impact of AI on people with disabilitiesInsights: AI and AccessibilityAI for accessibility and beyondAI as an A11y (Ally)The Ethics of Inclusive AIArtificial 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 UXJakob Nielsen’s Bad Ideas about AccessibilityOn Jakob Nielsen, AI hype, and accessibilityPicture Smart AI: How We Got HereAI Systems for AccessibilityEnhancing Accessibility with AI and MLThis Company Tapped AI for Its Website—and Landed in CourtNew Apple podcasts transcripts are changing the way users consume podcastsChatGPTDynamically adding text alternatives to images with AICan 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 todayWAI-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 MeScreen Reader User Survey #10PDF accessibility checker (PAC)The Top Accessibility Errors Found in 2023A guide to the visual language of closed captions and subtitlesUltimate Guide to Closed CaptioningГОСТ Р 57763-2017 Скрытые субтитры для инвалидов по слуху. Общие технические требования, ГОСТ Р от 05 октября 2017 года № 57763-2017Designing for people with dyscalculia and low numeracyDyslexia friendly style guideHere, here, and hereHow little do users readSign 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.0WCAG 2.0WCAG 2.1WCAG 2.2Карта WCAG 2.2WCAG 2.2 in language I can understandThe 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 2024PolychromWhat’s New in Google AccessibilityAccessibility Interview Questions от Скотта О`ХарыAccessibility Interview questions от Neha SharmaTop 25 Accessibility Interview Questions and Answers30 Common Accessibility Testing Interview Questions45 Accessibility Testing Interview Questions And AnswersAccessibility TestingBingO 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 2023How to meet WCAG — фильтр по тегу keyboardWhere to Put Focus When Deleting a ThingA guide to designing accessible, WCAG-conformant focus indicatorsВнешний вид фокусаВидимый фокусКлавиатураDeveloping a focus style for a themable design systemDeveloping 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 FeaturesWCAG 2.2 final web standard expected in August 2023WCAG 3 Working Draft Updated July 2023Justice Department Advances Proposed Rule to Strengthen Web and Mobile App Access for People with DisabilitiesThe Business Case for Digital AccessibilityWeb Accessibility in High-Risk SegmentsWhat is digital accessibility, and why does it matter. Business impactЕвропейский закон о доступностиДоступностьПро доступность iOSWeb Accessibility in High-Risk SegmentsWhat it takes to minimize your risk for an ADA lawsuit, 33rd-anniversary editionAccessibility Legislation & Regulation Roundup – A LOT Happened in Just JulyThis Company Tapped AI for Its Website—and Landed in CourtMarket Guide for Digital AccessibilityMicrosoft Inclusive DesignIBM Equal Access Accessibility CheckerGitHub VPATЗаявление о доступности TwitchЗаявление о доступности gov.ukDWP 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 RihannaASL performer Justina Miles talks changing society's perceptions of Deaf communityBattle of the sign languages. British vs. EstonianСервис SignapseBionic Readingdyslexia simulatorDeyilxsa4 фичи для инклюзивного дизайна на примере приложения DuolingoDyslexia friendly fonts: the top 10 dyslexia stylesDyslexie font