dostępność2025.pl
Вигляд
Мова
fot. extranoise · Openverse

Техніка · медіа та документи · WCAG 1.2 і EN 301 549 розд. 10

Відео, аудіо та PDF — три місця, де доступність витікає

Сайт може пройти аудит коду й усе одно бути недоступним, бо найважливіший вміст сидить у відео без субтитрів або у правилах, збережених як скан. Медіа й документи мають власні критерії: WCAG 1.2 для медіа, розділ 10 EN 301 549 для файлів, які не є сторінкою. І те, і те перевіряється менш ніж за годину, і те, і те дорожче виправляти потім, ніж зробити відразу.

Медіа: чого саме вимагає WCAG

КритерійРівеньСтосуєтьсяЩо треба надати
1.2.1Aсаме аудіо (подкаст) або відео без звукутекстовий транскрипт; для німого відео — текстовий опис або аудіодоріжка
1.2.2Aзапис зі звуком і зображеннямсубтитри — синхронні, вичитані, з позначенням, хто говорить
1.2.3Aвідеозаписаудіодескрипція або повна текстова альтернатива
1.2.4AAтрансляція наживосубтитри в реальному часі (респікінг або стенографія; сама автоматика рідко достатня)
1.2.5AAвідеозаписаудіодескрипція — тут текстова альтернатива вже не звільняє
1.4.2Aзвук, що вмикається сам і триває понад 3 сможливість зупинити або вимкнути його незалежно від системи

Рівень AA — той, якого вимагає стандарт — на практиці означає: субтитри до всього зі звуком, транскрипти до подкастів, аудіодескрипція до відео, у якому зображення несе зміст. Фільму, де диктор промовляє все, що видно, аудіодескрипція не потрібна; інструкції «натисніть тут» — потрібна.

Субтитри, транскрипт, аудіодескрипція — це не синоніми

Субтитри

Синхронний текст мовлення і значущих звуків («[дзвін скла]»), із позначенням, хто говорить. Для нечуючих — і для всіх, хто дивиться без звуку, тобто для більшої частини мобільного трафіку.

Вшиті чи окремі

Субтитри, вшиті в зображення, не можна вимкнути, знайти пошуком чи прочитати брайлем. Правильна форма — окремий файл .vtt або .srt, підключений через <track kind="captions">.

Транскрипт

Повний текст запису як сторінка або файл поруч із програвачем. Єдина форма, доступна сліпоглухій людині, — і водночас єдина, яку індексує пошукова система.

Аудіодескрипція

Додаткова дикторська доріжка, що описує те, чого не чути: хто ввійшов, що показано на графіку, що з’явилося на екрані. Дешевший варіант, дозволений на рівні A: повна текстова альтернатива перебігу подій.

Автоматичні субтитри з YouTube без вичитки не задовольняють 1.2.2 — стандарт говорить про правильні субтитри, а не про спробу їх зробити. Розумний процес: автомат пише першу версію, людина виправляє власні назви, числа, пунктуацію й розбиття на рядки. Це зазвичай чверть години на десять хвилин запису.

Програвач — теж інтерфейс

  • Кожна кнопка має ім’я: «Відтворити», «Без звуку», «Субтитри», а не саму лише піктограму.
  • Повне керування з клавіатури, разом із повзунком перемотування та гучністю (2.1.1).
  • Фокус не потрапляє в пастку всередині <iframe> програвача (2.1.2).
  • Немає автозапуску зі звуком (1.4.2) і нічого не блимає частіше ніж тричі на секунду (2.3.1).
  • Власний <video> браузера дає все це безкоштовно; власний програвач треба перевірити програмою екранного доступу.

PDF: розділ 10, про який ніхто не пам’ятає

EN 301 549 не закінчується на сторінці. Розділ 10 застосовує ті самі критерії до документів, які сторінкою не є: PDF, DOCX, таблиці, презентації, е‑книги. Правила, прайс, форма рекламації та інструкція — частина послуги; якщо вони недоступні, недоступна й послуга, хоч би яким бездоганним був сайт навколо них.

Скан — це не документ

PDF зі сканера є зображенням. Програма екранного доступу не прочитає з нього жодного слова. Виправлення: OCR із вичиткою, а краще — створити файл наново з текстового джерела.

Теги й порядок читання

Доступний PDF є «тегованим»: має структуру заголовків, списків, таблиць і абзаців, а порядок читання відповідає візуальному. У редакторі PDF це перевіряють панеллю тегів і переглядом порядку; у Word — використовуючи стилі заголовків замість жирного шрифту.

Альтернативи зображень і таблиці

Кожна графіка, що несе зміст, має опис; графік без опису — порожнє місце. Таблиці мають позначені рядки заголовків; таблиця для верстки — така сама помилка, як і в HTML.

Мова, заголовок, закладки

Властивості документа: мова (щоб синтезатор не читав українське англійською) і заголовок (щоб програма не оголошувала rahunok_final_v3.pdf). Документ довший за десяток сторінок потребує навігаційних закладок.

Форми в PDF

Поля потребують міток і послідовності Tab, а документ не може бути захищений так, щоб блокувати допоміжні технології. Форма рекламації, яку треба роздрукувати й надіслати поштою, не замінює каналу зі ст. 37.

PDF/UA

Стандарт ISO 14289 описує технічні вимоги до доступного PDF. Перевірні програми валідують файл автоматично — із тим самим застереженням, що й для сторінок: відсутність помилок у валідаторі не те саме, що документ, який можна прочитати.

Найдешевше виправлення PDF — зазвичай його відсутність: правила, прайс і інструкція, опубліковані як звичайна сторінка, доступні за визначенням, працюють на телефоні та індексуються. PDF лишають там, де справді потрібен підпис або друк.

Е‑книги та медіапослуги

Закон називає е‑книги та медіапослуги серед охоплених послуг (ст. 3 ч. 2) і ставить до них додаткові вимоги (ст. 13–17): передавання метаданих доступності, відсутність засобів захисту, що блокують допоміжні технології, доступний програвач і путівник по пропозиції. Практичний мінімум для видавця — EPUB 3 з правильною структурою та заявою про доступність у метаданих: файл, який рідер уміє прочитати і який сам про себе розповідає. Галузеві подробиці — на сторінці Інші послуги.

Як перевірити це в себе

  1. Складіть перелік медіа та файлів

    Усі відео, подкасти й файли для завантаження на сайті. Зазвичай їх утричі більше, ніж пам’ятає маркетинг.

  2. Біля кожного позначте, чого бракує

    Субтитри? Транскрипт? Аудіодескрипція? Теги в PDF? Це і є перелік невідповідностей для документації за ст. 32 ч. 1.

  3. Виправляйте за трафіком

    Спершу те, що дивиться й завантажує найбільше людей, і все, що є частиною покупки та рекламації. Архів багаторічної давнини — останній у черзі, його можна описати як виняток із терміном.

Наш аналізатор виявляє на перевіреній сторінці відео без доріжки субтитрів і звук, що вмикається сам, — решта цього переліку є редакційною роботою, якої жоден інструмент за редакцію не зробить.

Перевірте медіа на своєму сайті

Ми можемо зробити це за вас

Два шляхи до відповідності закону. Обидва починаються зі звіту, щоб оцінка стосувалася вашого сайту, а не середнього.

Виправлення

Ми виправимо ваш сайт

Беремо звіт по всьому сайту й закриваємо його пункт за пунктом — код, тема, вміст — аж до WCAG 2.2 AA.

  • виправлений контраст, фокус, підписи, заголовки й цілі дотику
  • кошик, вхід, оформлення та форми пройдені як один шлях (ст. 18)
  • текст інформації про доступність для ваших правил (ст. 32 ч. 2 п. 1)
  • процедура скарги з 30-денним строком (ст. 37)
  • повторна перевірка після впровадження — письмово, до документації

Запитати оцінку

Новий сайт

Або збудуємо новий

Сучасний і гарний, спроєктований доступним із першого рядка — а не сайт із накладкою, приліпленою згодом.

  • WCAG 2.2 AA повністю, AAA там, де можливо (контраст 7:1, без обмежень часу)
  • три теми: світла, темна й високий контраст
  • читання сторінки вголос однією кнопкою — точно як тут
  • повна робота з клавіатурою та програмою читання екрана, без накладок
  • швидкий: без залежностей, без стеження, чотири мови якщо треба

Запитати оцінку

Оцінка після звіту, зазвичай протягом 2 робочих днів. Рахунок-фактура від Castomo P.S.A. Почніть з безкоштовної перевірки.