Функции

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

Добавките предоставят около 40 допълнителни теста за разработчици и дизайнери, персонализирани тестове и различни инструменти за гарантиране на качеството на ниво сайт.

Тестовете за съдържание се фокусират върху проблеми, появяващи се след предаването на сайтовете на авторите на съдържание. Сайтовете трябва да бъдат тествани с ръчни инструменти за проверка, клавиатури и екранни четци преди пускането им, но дори и най-достъпният сайт в деня на стартирането си има тенденция да се влошава при редакции, внасящи нови проблеми.

Това, което отличава Editoria11y сред инструментите за достъпност, е, че тестовете му се изпълняват на живо, в браузъра, докато авторите редактират и преглеждат работата си. Авторите са по-склонни да реагират на незабавна, вградена обратна връзка, да забелязват сигнали и да правят корекции, отколкото да помнят да посетят табло или да изпълнят ръчна проверка.

Опитът на автора

Снимка на екрана на лентата с инструменти на Editoria11y, показваща 4 грешки.

Авторите виждат лентата с инструменти на Editoria11y при редактиране на съдържание. При засичане на проблеми тя става жълта или червена и показва брой проблеми. Щракването върху броя превърта до първия сигнал и отваря неговата подсказка.

Подсказка, показваща, че връзката е наименована само „click here".

Подсказките се появяват вградено с описание на проблема на разбираем език, предложения за корекция и бележки защо проблемът е важен.

Визуализатор на структурата на заглавията, наложен върху страница

Лентата с инструменти съдържа допълнителни инструменти за ръчни проверки, включително визуализатори на структурата на заглавията и alt текста, и оценяване на четимостта.

Контроли на администратора на сайта

Всеки видим аспект на проверката може да бъде персонализиран. Параметрите и събитията позволяват премахване на тестове, пренаписване на подсказки, вмъкване на персонализирани тестове и задаване на потребителски теми.

Плъгините за Drupal и WordPress добавят допълнителни функции, като синхронизирано скриване на сигнали, табла за целия сайт и CSV експорт на отчети.

Табло за отчети, показващо последни проблеми и страници с най-много проблеми.
Таблото на Drupal с филтрируеми списъци с проблеми, страници с проблеми и скрити известия.

Тестове

Тестовете на Editoria11y се фокусират върху подобряване на потребителското изживяване в мрежата за всички потребители, измерено от хора, а не само от технически стандарти. Докато ключовите тестове са предназначени да помогнат за постигане на Насоките за достъпност на уеб съдържание (WCAG 2.2 AA), други са повлияни от работата на Работната група за достъпност при когнитивни и обучителни затруднения, както и от общите практики за използваемост и дизайн.

Отделните тестове могат да бъдат изключени от администраторите на сайта.

Alt текст на изображения

  • Изображение без атрибут alt
  • Alt текстът е файлово име
  • Alt текстът е placeholder („TBD")
  • Alt текстът е непроизносими символи
  • Alt текстът съдържа излишни думи („image of…")
  • Alt текстът е прекалено дълъг
  • Декоративното изображение може да има стойност
  • Изображение в карусел, маркирано като декоративно
  • Изображение с надпис без alt текст
  • Alt текстът дублира надписа

Свързани изображения

  • Свързаното изображение няма alt текст
  • Alt текстът на свързаното изображение е URL или файлово име
  • Alt текстът на свързаното изображение е placeholder
  • Alt текстът на свързаното изображение е непроизносими символи
  • Alt текстът на свързаното изображение описва изображението, не връзката
  • Alt текстът на свързаното изображение съдържа излишни думи
  • Alt текстът на свързаното изображение е прекалено дълъг
  • Изображение в връзка с текст без атрибут alt

Вградени медии

  • Видеото се нуждае от субтитри
  • Аудиото се нуждае от транскрипт
  • Визуализацията на данни се нуждае от достъпна алтернатива
  • Рамката (frame) няма заглавие
  • Рамката е изключена от клавиатурната навигация
  • Съдържанието на рамката изисква ръчна проверка за достъпност
  • Свързаният документ може да не е достъпен за екранни четци
  • PDF-ът няма достъпна алтернатива
  • Вложени интерактивни компоненти за оформление

Смислени връзки

  • Празна връзка
  • Текстът на връзката е URL
  • Текстът на връзката е само DOI номер
  • Текстът на връзката гласи „click here"
  • Текстът на връзката съдържа само общи думи („read more")
  • Различни връзки споделят един и същи текст
  • Свързаната икона или изображение няма текстова алтернатива
  • Връзката се отваря в нов таб без предупреждение
  • Връзката сочи към файл без предупреждение
  • Текстът на връзката е само символи или емоджи
  • Смисленият текст на връзката е скрит от зрящите потребители
  • Излишна подсказка на връзка
  • Счупена вътрешна котвена връзка
  • Дублиран атрибут ID
  • Връзката може да сочи към среда за разработка

Заглавия

  • Страницата няма Заглавие 1
  • Първото заглавие е подзаглавие
  • Заглавието прескача ниво
  • Заглавието е празно
  • Изображение, използвано като заглавие, се нуждае от alt текст
  • Заглавието е много дълго
  • Удебеленият абзац може да е заглавие
  • Кратката блок-цитата може да е заглавие

Четимост на текста

  • Прекомерен текст с главни букви
  • Голям блок с удебелен или курсив текст
  • Текстът е прекалено малък
  • Текст без хипервръзка е подчертан
  • Текстът е изравнен
  • Долен или горен индекс е използван погрешно като форматиране
  • Фалшив списък с използване на знаци или символи
  • Елемент от списък извън списък

Цветен контраст

  • Текстът има недостатъчен контраст
  • Контрастът на текста изисква ръчна проверка
  • Иконата или графиката имат недостатъчен контраст
  • Контрастът на иконата или графиката изисква ръчна проверка
  • Текстът на полето за въвеждане има недостатъчен контраст
  • Placeholder текстът има недостатъчен контраст

Таблици

  • Таблицата няма заглавен ред или колона
  • Заглавната клетка на таблицата е празна
  • Заглавие на съдържание, използвано вътре в таблица

Формуляри & интерактивни елементи

  • Бутонът няма достъпен надпис
  • Бутонът има невалиден ARIA надпис
  • Надписът на бутона включва думата „button"
  • Видимият надпис не съвпада с достъпното наименование
  • Полето за въвеждане няма свързан надпис
  • Полето за въвеждане използва само невидим надпис
  • Полето за въвеждане използва само placeholder като надпис
  • Бутонът за нулиране може да причини случайна загуба на данни
  • Елементът е скрит от екранните четци, но все още е достъпен с клавиатура
  • Положителен tabindex нарушава реда на четене и навигация с таб

Метаданни на страницата

  • Липсва заглавие на страницата
  • Езикът на страницата не е деклариран
  • Viewport предотвратява мащабирането на текста
  • Страницата се опреснява автоматично

Функции на CSA

Editoria11y популяризира достъпността по уникален начин. Инструментите му са изключително ефективни при помагане на нетехнически автори да подготвят съдържание, което може да се ползва еднакво от хора с увреждания в мрежата. Ние смятаме това за обществено благо, затова Editoria11y винаги ще бъде безплатен за използване.

Разработването и поддръжката на Editoria11y обаче не са безплатни.

CSA запълва тази празнина: членовете на проекта финансират разработката на библиотеката Editoria11y, нейните CMS плъгини и пакета CSA — бързо разрастваща се колекция от инструменти за гарантиране на качеството с отворен код, предоставящи подобна функционалност на търговски продукти на много по-ниска цена. Пакетът CSA за Drupal в момента е безплатен (бета версия), а версията за WordPress се очаква в третото тримесечие на 2026 г.

Обхождане на сайт в процес
CSA паякът опреснява таблото.

Инструменти на CSA

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

Предимства за членовете на CSA

  • Приоритетна поддръжка.
  • По-голямо влияние върху пътната карта на проекта.
  • Автоматичен достъп до нови функции по пътната карта.
  • Пряка помощ при инсталиране (в зависимост от нивото).
  • Публичен кредит за поддръжник (в зависимост от нивото/при поискване; прилагат се условия).

Интересувате ли се?

Пакетът CSA се поддържа чрез модела „плати колкото можеш". Основата на Editoria11y — и библиотеката, и плъгините — остава безплатна завинаги.

Присъединете се към CSA

Проекти, спонсорирани от CSA

Активни

Q2 2026: Стартиране на общността Editoria11y CSA

Оставаща работа:

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

Наскоро завършени

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 подмодул с функции, поддържани от общността
    • Създаване на инструменти за поддръжка на таблото за премахване на остарели резултати и повторно обхождане на съществуващото съдържание.
    • Позволяване на маркиране на определени тестове като OK за целия сайт, а не само на конкретна страница.
    • Позволяване на разделена конфигурация с отделни настройки и тестове за разработчици и автори на съдържание.

В обсъждане

Обсъдете тези идеи и гласувайте в тяхна подкрепа в форумите на библиотеката Editoria11y.

Идеите са маркирани с оценки за трудност/приоритет въз основа на текущите разговори в общността.

  • Табло за мониторинг на множество сайтове
  • Засичане на счупени връзки
  • Сканиране на PDF
  • Таб с местоположение на кода в подсказка
  • Експорт на отчет за страница в подсказка
  • Маркирани думи
  • CLI инструменти за разработчици
  • Bookmarklet/Плъгини за браузъри
  • Валидиране на ACT правила
  • Разширяване на валидирането на name/role/value