Функції
Основні перевірки Editoria11y виявляють понад 50 поширених проблем доступності вмісту: рішення, що погіршують читабельність, помилки, через які програми зчитування екрана стають менш ефективними, та недоліки, що знижують SEO.
Додатки забезпечують ще близько 40 перевірок для розробників і дизайнерів, а також власні тести та різноманітні інструменти контролю якості для всього сайту.
Перевірки вмісту зосереджені на проблемах, що виникають після передачі сайтів авторам контенту. Сайти потрібно тестувати вручну — за допомогою спеціальних інструментів, клавіатури та програм зчитування екрана — до запуску, однак навіть найдоступніший сайт із часом «дрейфує», коли правки привносять нові проблеми.
Те, що вирізняє Editoria11y серед інших інструментів доступності, — це те, що перевірки виконуються наживо, у браузері, поки автори редагують і переглядають свою роботу. Автори охочіше реагують на миттєвий зворотний зв'язок прямо на сторінці, помічають попередження й виправляють помилки — замість того, щоб пам'ятати про перехід до панелі керування чи ручну перевірку.
Досвід автора
Автори бачать панель інструментів Editoria11y під час редагування вмісту. Коли виявляються проблеми, вона стає жовтою або червоною й відображає кількість помилок. Клацання на лічильнику прокручує сторінку до першого попередження та відкриває його підказку.
Підказки з'являються прямо на сторінці: вони містять зрозумілий опис помилки, пропозиції щодо виправлення та пояснення, чому ця проблема важлива.
Панель інструментів містить додаткові засоби для ручних перевірок, зокрема візуалізатори структури заголовків і alt-тексту, а також оцінку читабельності.
Керування для адміністраторів сайту
Кожен видимий аспект перевірки можна налаштувати. Параметри та події дозволяють вимикати окремі тести, перефразовувати підказки, додавати власні тести й встановлювати власні теми оформлення.
Плагіни для Drupal і WordPress додають додаткові функції: синхронізоване приховування попереджень, загальносайтові панелі керування та експорт звітів у форматі CSV.
Тести
Тести 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 стане доступним за моделлю «внесіть скільки можете». Ядро Editoria11y — і бібліотека, і плагіни — залишиться безплатним.
Проєкти, спонсоровані CSA
Активні
Q2 2027: Створення інструментів контролю перед публікацією для WordPress
Цей проєкт повністю профінансовано завдяки щедрому гранту від групи університетів, зацікавлених у спільному проєктуванні цієї функціональності.
- Створити рольову конфігурацію, яка визначає, кому з користувачів дозволено зберігати сторінки з відомими проблемами.
- Створити майстер у редакторі, який автори проходять крок за кроком, щоб переглянути неопрацьовані попередження перед публікацією вмісту.
Початок 2027: Перевірка недійсних посилань для Drupal і WordPress
Стан: шукаємо партнерів і співвиконавців. Цей проєкт частково профінансовано за рахунок академічного гранту, але роботу ще не розпочато.
- Створити таблиці DB для зберігання виявлених URL, зіставлених зі сторінками.
- Створити cron-завдання для перевірки локальних шляхів за допомогою засобів валідації CMS та віддалених адрес за допомогою HTTP get-запитів.
- Створити звіти та експорт звітів.
- Створити підсвічування безпосередньо на сторінці.
Початок 2027: Перевірка PDF для Drupal і WordPress
Стан: шукаємо партнерів і співвиконавців. Цей проєкт частково профінансовано за рахунок академічного гранту, але роботу ще не розпочато.
- Створити таблиці DB для зберігання виявлених PDF, зіставлених зі сторінками.
- Використати інструменти PHP для зчитування розмітки та перевірки базових тегів.
- Створити звіти з інструментами контролю. Наприклад: «Цей PDF прийнятний, якщо на сторінці є URL альтернативного формату».
- Змінювати підсвічування на сторінці залежно від того, чи PDF є завідомо проблемним, чи, можливо, прийнятним.
Нещодавно завершені
Q2 2026: Запуск спільноти Editoria11y CSA
Залишилося зробити:
- Створити юридичну особу для обробки підписок і спонсорства.
- Налаштувати систему ліцензування.
Q2 2026: Конструктор власних правил
- Завершено для Drupal.
- Перенести конструктор до WordPress.
Q3 2026: Перенесення бібліотеки 3.x до WordPress
- Створити підмодуль CSA з функціями, підтримуваними спільнотою
- Створити інструменти обслуговування панелі керування для видалення застарілих результатів і повторного обходу наявного вмісту.
- Дозволити позначати певні тести як прийнятні по всьому сайту, а не лише на одній сторінці.
- Дозволити розділену конфігурацію з окремими налаштуваннями та тестами для розробників і редакторів контенту.
Q1 2026: Переписування бібліотеки 3.x
- Об'єднання наборів правил Editoria11y та Sa11y. Після форку Sa11y написав близько 50 додаткових тестів і перейшов на інструментарій ESM, а Editoria11y впровадив покращення продуктивності та додав параметри для перевірки в реальному часі. Sa11y 4.2.2 і Editoria11y 3.0.0 розпочнуть наше спільне майбутнє.
- Додано підтримку «розділеної конфігурації», що дозволяє мати окремі набори правил для розробників і авторів контенту.
- Додано машинні переклади для китайської, данської, нідерландської, німецької, грецької, угорської, італійської, японської, норвезької букмол, польської, португальської (Бразилія), португальської (Португалія), іспанської, шведської та української мов як шаблони для вдосконалення людьми.
- Поточний стан: роботу з кодуванням завершено; реліз буде позначено після оновлення документації та демонстрацій.
Q1 2026: Переписування модуля Drupal 3.x
- Розширення панелі керування більш потужними інструментами звітності та фільтрації.
- Додано машинні переклади для китайської, данської, нідерландської, німецької, грецької, угорської, італійської, японської, норвезької букмол, польської, португальської (Бразилія), португальської (Португалія), іспанської, шведської та української мов як шаблони для вдосконалення людьми.
- Зробити функції експорту CSV налаштовуваними
- Створити підмодуль CSA з функціями, підтримуваними спільнотою
- Створити інструменти обслуговування панелі керування для видалення застарілих результатів і повторного обходу наявного вмісту.
- Дозволити позначати певні тести як прийнятні по всьому сайту, а не лише на одній сторінці.
- Дозволити розділену конфігурацію з окремими налаштуваннями та тестами для розробників і редакторів контенту.
На обговоренні
Обговорюйте та голосуйте за ці ідеї на форумах бібліотеки Editoria11y.
- Панель моніторингу кількох сайтів
- Вкладка розташування коду в підказці
- Експорт звіту сторінки з підказки
- Позначені слова
- Інструменти CLI для розробників
- Букмарклети / Розширення браузера
- Валідація правил ACT
- Розширення валідації назви/ролі/значення