Функції

Основні перевірки Editoria11y виявляють понад 50 поширених проблем доступності вмісту: рішення, що погіршують читабельність, помилки, через які програми зчитування екрана стають менш ефективними, та недоліки, що знижують SEO.

Додатки забезпечують ще близько 40 перевірок для розробників і дизайнерів, а також власні тести та різноманітні інструменти контролю якості для всього сайту.

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

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

Досвід автора

Знімок панелі інструментів Editoria11y, що показує 4 помилки.

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

Підказка вказує, що текст посилання — лише «клацніть тут».

Підказки з'являються прямо на сторінці: вони містять зрозумілий опис помилки, пропозиції щодо виправлення та пояснення, чому ця проблема важлива.

Візуалізатор структури заголовків поверх сторінки

Панель інструментів містить додаткові засоби для ручних перевірок, зокрема візуалізатори структури заголовків і alt-тексту, а також оцінку читабельності.

Керування для адміністраторів сайту

Кожен видимий аспект перевірки можна налаштувати. Параметри та події дозволяють вимикати окремі тести, перефразовувати підказки, додавати власні тести й встановлювати власні теми оформлення.

Плагіни для Drupal і WordPress додають додаткові функції: синхронізоване приховування попереджень, загальносайтові панелі керування та експорт звітів у форматі CSV.

Панель звітності, що показує нещодавні проблеми та сторінки з найбільшою кількістю проблем.
Панель керування Drupal із фільтрованими списками проблем, сторінок із проблемами та прихованих попереджень.

Тести

Тести Editoria11y спрямовані на покращення досвіду користування вебом для всіх користувачів — так, як це вимірюють люди, а не лише технічні стандарти. Хоча ключові тести призначені для досягнення вимог Настанов з доступності вебвмісту (WCAG 2.2 AA), інші ґрунтуються на роботі Цільової групи з доступності для людей з когнітивними та навчальними розладами, а також на загальних принципах зручності та дизайну.

Адміністратори сайту можуть вимкнути окремі тести.

Alt-текст зображень

  • Зображенню бракує атрибута alt
  • Alt-текст є назвою файлу
  • Alt-текст є заповнювачем («TBD»)
  • Alt-текст містить нечитабельні символи
  • Alt-текст містить зайві слова («зображення з…»)
  • Alt-текст задовгий
  • Декоративне зображення може нести смислове навантаження
  • Зображення в каруселі позначено декоративним
  • Зображення з підписом не має alt-тексту
  • Alt-текст дублює підпис

Зображення-посилання

  • Зображення-посилання без alt-тексту
  • Alt зображення-посилання є URL або назвою файлу
  • Alt зображення-посилання є заповнювачем
  • Alt зображення-посилання містить нечитабельні символи
  • Alt зображення-посилання описує зображення, а не посилання
  • Alt зображення-посилання містить зайві слова
  • Alt зображення-посилання задовгий
  • Зображення в посиланні з текстом не має атрибута alt

Вбудовані медіа

  • Відео потребує субтитрів
  • Аудіо потребує транскрипту
  • Візуалізація даних потребує доступної альтернативи
  • Фрейм без заголовка
  • Фрейм виключено з навігації клавіатурою
  • Вміст фрейму потребує ручної перевірки доступності
  • Зв'язаний документ може бути недоступним для програм зчитування екрана
  • PDF не має доступної альтернативи
  • Вкладені інтерактивні компоненти макета

Змістовні посилання

  • Порожнє посилання
  • Текст посилання є URL
  • Текст посилання — лише номер DOI
  • Текст посилання: «клацніть тут»
  • Текст посилання — лише загальні слова («детальніше»)
  • Різні посилання мають однаковий текст
  • Іконка або зображення-посилання без текстової альтернативи
  • Посилання відкривається у новій вкладці без попередження
  • Посилання вказує на файл без попередження
  • Текст посилання — лише символи або емодзі
  • Змістовний текст посилання приховано від зрячих користувачів
  • Зайвий підказковий текст посилання
  • Зламане посилання-якір на сторінці
  • Дублікат атрибута ID
  • Посилання може вказувати на середовище розробки

Заголовки

  • На сторінці відсутній Заголовок 1
  • Перший заголовок є підзаголовком
  • Заголовок пропускає рівень
  • Заголовок порожній
  • Зображення, використане як заголовок, потребує alt-тексту
  • Заголовок надто довгий
  • Жирний абзац може бути заголовком
  • Коротка цитата може бути заголовком

Читабельність тексту

  • Надмірне використання великих літер
  • Великий блок жирного або курсивного тексту
  • Текст задрібний
  • Текст без посилання підкреслено
  • Текст вирівняно за шириною
  • Підрядковий або надрядковий індекс використано як форматування
  • Псевдосписок з символів або знаків
  • Елемент списку поза списком

Колірний контраст

  • Текст має недостатній контраст
  • Контраст тексту потребує ручної перевірки
  • Іконка або графіка має недостатній контраст
  • Контраст іконки або графіки потребує ручної перевірки
  • Текст поля введення має недостатній контраст
  • Текст-заповнювач має недостатній контраст

Таблиці

  • У таблиці відсутній рядок або стовпець заголовка
  • Комірка заголовка таблиці порожня
  • Заголовок вмісту використано всередині таблиці

Форми та інтерактивні елементи

  • Кнопка без доступної мітки
  • Кнопка має недійсну ARIA-мітку
  • Мітка кнопки містить слово «кнопка»
  • Видима мітка не збігається з доступною назвою
  • Поле введення без пов'язаної мітки
  • Поле введення використовує лише невидиму мітку
  • Поле введення використовує лише заповнювач як мітку
  • Кнопка скидання може спричинити випадкову втрату даних
  • Елемент прихований від програм зчитування екрана, але доступний з клавіатури
  • Додатній tabindex порушує порядок читання та фокусування

Метадані сторінки

  • Заголовок сторінки відсутній
  • Мова сторінки не задекларована
  • Viewport блокує масштабування тексту
  • Сторінка автоматично оновлюється

Функції CSA

Editoria11y просуває доступність унікальним способом. Її інструменти надзвичайно ефективні у допомозі нетехнічним авторам готувати вміст, яким можуть рівною мірою користуватися люди з інвалідністю в Інтернеті. Ми вважаємо це суспільним благом, тому Editoria11y завжди залишатиметься безплатним у використанні.

Проте розробка та підтримка Editoria11y потребує ресурсів.

CSA заповнює цю прогалину: учасники проєкту фінансують розробку бібліотеки Editoria11y, її CMS-плагінів та набору CSA — швидко зростаючого набору інструментів контролю якості з відкритим вихідним кодом, що забезпечують функціональність, подібну до комерційних продуктів, але за значно нижчою ціною. Набір CSA для Drupal зараз безплатний у бета-версії, а для WordPress з'явиться у третьому кварталі 2026 року.

Обхід сайту в процесі
CSA-краулер оновлює панель керування.

Тести та інструменти

  • Тести для розробників, читабельності та контрасту.
  • Розділена конфігурація за ролями для розробників і авторів контенту.
  • Конструктори власних тестів.
  • Приховування попереджень по всьому сайту в один клік
  • Інструменти обслуговування панелі керування та краулери
Палітра кольорів у підказці тесту

Переваги для спільноти

  • Пріоритетна підтримка.
  • Вагомий вплив на дорожню карту проєкту.
  • Автоматичний доступ до нових функцій із дорожньої карти.
  • Пряма допомога з налаштуванням (залежно від рівня).
  • Публічне визнання спонсора (залежно від рівня/за запитом; умови застосовуються).

Ліцензування за принципом «внесіть скільки можете»

Після бета-версії набір CSA стане доступним за моделлю «внесіть скільки можете». Ядро Editoria11y — і бібліотека, і плагіни — залишиться безплатним.

Переглянути варіанти ліцензування та альтернативи

Проєкти, спонсоровані CSA

Активні

Q2 2026: Запуск спільноти Editoria11y CSA

Залишилося зробити:

  • Створити юридичну особу для обробки підписок і спонсорства.
  • Налаштувати систему ліцензування.
Q2 2026: Конструктор власних правил
  1. Завершено для Drupal.
  2. Завдання: перенести конструктор до WordPress.
Q3 2026: Перенесення бібліотеки 3.x до WordPress
  1. Створити підмодуль CSA з функціями, підтримуваними спільнотою
    • Створити інструменти обслуговування панелі керування для видалення застарілих результатів і повторного обходу наявного вмісту.
    • Дозволити позначати певні тести як прийнятні по всьому сайту, а не лише на одній сторінці.
    • Дозволити розділену конфігурацію з окремими налаштуваннями та тестами для розробників і редакторів контенту.

Нещодавно завершені

Q1 2026: Переписування бібліотеки 3.x
  • Об'єднання наборів правил Editoria11y та Sa11y. Після форку Sa11y написав близько 50 додаткових тестів і перейшов на інструментарій ESM, а Editoria11y впровадив покращення продуктивності та додав параметри для перевірки в реальному часі. Sa11y 4.2.2 і Editoria11y 3.0.0 розпочнуть наше спільне майбутнє.
  • Додано підтримку «розділеної конфігурації», що дозволяє мати окремі набори правил для розробників і авторів контенту.
  • Додано машинні переклади для китайської, данської, нідерландської, німецької, грецької, угорської, італійської, японської, норвезької букмол, польської, португальської (Бразилія), португальської (Португалія), іспанської, шведської та української мов як шаблони для вдосконалення людьми.
  • Поточний стан: роботу з кодуванням завершено; реліз буде позначено після оновлення документації та демонстрацій.
Q1 2026: Переписування модуля Drupal 3.x
  1. Розширення панелі керування більш потужними інструментами звітності та фільтрації.
  2. Додано машинні переклади для китайської, данської, нідерландської, німецької, грецької, угорської, італійської, японської, норвезької букмол, польської, португальської (Бразилія), португальської (Португалія), іспанської, шведської та української мов як шаблони для вдосконалення людьми.
  3. Зробити функції експорту CSV налаштовуваними
  4. Створити підмодуль CSA з функціями, підтримуваними спільнотою
    • Створити інструменти обслуговування панелі керування для видалення застарілих результатів і повторного обходу наявного вмісту.
    • Дозволити позначати певні тести як прийнятні по всьому сайту, а не лише на одній сторінці.
    • Дозволити розділену конфігурацію з окремими налаштуваннями та тестами для розробників і редакторів контенту.

На обговоренні

Обговорюйте та голосуйте за ці ідеї на форумах бібліотеки Editoria11y.

Ідеї позначені оцінками складності та пріоритету на основі поточних обговорень у спільноті.

  • Панель моніторингу кількох сайтів
  • Виявлення зламаних посилань
  • Сканування PDF
  • Вкладка розташування коду в підказці
  • Експорт звіту сторінки з підказки
  • Позначені слова
  • Інструменти CLI для розробників
  • Букмарклети / Розширення браузера
  • Валідація правил ACT
  • Розширення валідації назви/ролі/значення