Європейськийакт про доступність (ЄАД) є рішучим проривом у забезпеченні цифрової доступності в Європі. Виданий у квітні 2019 року як Директива (ЄС) 2019/882 і транспонований Італією в травні 2022 року, цей закон набуде чинності 28 червня 2025 року, зобов'язуючи компанії та організації зробити свої веб-сайти та цифрові послуги доступними.
Директива зумовлена необхідністю стандартизувати європейські норми та забезпечити безперешкодний доступ до цифрових послуг для близько 100 мільйонів європейців з інвалідністю. Для компаній це означає адаптацію їхніх веб-сайтів до вимог доступності, викладених у законодавстві.
Перш ніж розглядати наявні рішення, важливо зрозуміти, як ЗПД вписується в міжнародний ландшафт регулювання доступності:
У Сполучених Штатах цифрову доступність регулюють в основному:
Відмінності від EAA: Американський підхід більше ґрунтується на судовій практиці і менше базується на детальних технічних специфікаціях. EAA пропонує більш точні рекомендації та ширшу сферу застосування.
.png)
У 2019 році Канада прийняла Закон про доступну Канаду з метою створення безбар'єрної Канади до 2040 року.
Відмінності від ЄАА: Канадський закон має більш поступовий підхід і фокусується на участі людей з інвалідністю у створенні стандартів.
Після Брекзиту Велика Британія зберегла вимоги щодо доступності через Закон про рівність 2010 року та Положення про доступність органів державного сектору (вебсайтів та мобільних додатків) 2018 року.
Відмінності від EAA: схожий підхід, але вужчий за обсягом, переважно зосереджений на державному секторі.
EAA застосовується до всіх суб'єктів господарювання, які надають цифрові послуги, за деякими винятками:
Важливо підкреслити, що директива застосовується до цифрових послуг, які з'являться на ринку після 28 червня 2025 року. Для існуючих веб-сайтів необхідно буде забезпечити доступність, якщо вони зазнають суттєвих змін після цієї дати.
Коли справа доходить до того, щоб зробити веб-сайт EAA-сумісним, у компаній є два варіанти: впровадити готові віджети доступності або розробити індивідуальні рішення власними силами.
Переваги внутрішньої розробки:
Недоліки внутрішнього розвитку:
Переваги готових віджетів:
Недоліки готових віджетів:
Ринок пропонує кілька рішень для віджетів веб-доступності, сумісних з EAA. Ми проаналізуємо та порівняємо три основні з них: SkynetTechnologies, iubenda Accessibility та UserWay.
Серед різноманітних рішень, доступних на ринку, SkynetTechnologies є лідером за надійністю, повнотою та простотою впровадження. Саме це рішення ми використовуємо для нашого сайту.
Віджет пропонує численні функціональні можливості для покращення доступності веб-сайтів:
iubenda, найбільш відома своїми рішеннями щодо дотримання GDPR та файлів cookie, також пропонує віджет доступності веб-сайтів.
UserWay - один з найпопулярніших віджетів для забезпечення доступності на міжнародному рівні, що працює на основі штучного інтелекту.
Хоча готові рішення пропонують оперативність і простоту, деякі компанії можуть розглянути можливість розробки інструментів доступності власними силами.
Розвиток функціоналу доступності можна почати з простих, але ефективних заходів. Ось приклад базового коду для реалізації висококонтрастної кнопки:
javascript
// Esempio di funzione per alternare la modalità ad alto contrasto
function toggleHighContrast() {
const body = document.body;
body.classList.toggle('high-contrast');
// Salva la preferenza dell'utente
const isHighContrast = body.classList.contains('high-contrast');
localStorage.setItem('highContrast', isHighContrast);
}
// CSS di base per la modalità alto contrasto
const style = document.createElement('style');
style.textContent = `
body.high-contrast {
background-color: black !important;
color: white !important;
}
body.high-contrast a {
color: yellow !important;
}
body.high-contrast button,
body.high-contrast input {
background-color: #333 !important;
color: white !important;
border: 1px solid white !important;
}
`;
document.head.appendChild(style);
// Applicazione delle preferenze salvate
document.addEventListener('DOMContentLoaded', () => {
if (localStorage.getItem('highContrast') === 'true') {
document.body.classList.add('high-contrast');
}
});
Це лише невеликий приклад багатьох функціональних можливостей, необхідних для повної відповідності. Внутрішня розробка вимагає спеціальних навичок у сфері веб-доступності, глибоких знань WCAG та значного часу для реалізації всіх функцій, що вимагаються EAA.
Процес впровадження комплаєнс-віджету загалом досить простий і схожий у більшості рішень на ринку:
Весь процес займає в середньому менше 48 годин.
Впровадження готових до використання віджетів доступності є найбільш ефективним та економічно вигідним рішенням для дотримання Європейського закону про доступність до 28 червня 2025 року.
Для італійських компаній, які повинні відповідати вимогам EAA, впровадження готового до використання віджету доступності є не лише питанням дотримання нормативних вимог, але й символічним:
Чим я ризикую, якщо не адаптую свій сайт до EAA до 28 червня 2025 року?
Невиконання вимог закону може призвести до адміністративних санкцій, юридичної відповідальності та репутаційних втрат. Крім того, втрачаються можливості для бізнесу, адже 20% населення мають ту чи іншу форму інвалідності.
Чи сповільнюють віджети завантаження мого сайту?
Ні, віджет оптимізовано так, щоб не впливати на продуктивність сайту. Він використовує ліниву техніку завантаження і займає менше 100 КБ, з незначним впливом на час завантаження.
Чи можу я налаштувати зовнішній вигляд віджету відповідно до мого бренду?
Так, існують широкі можливості кастомізації, включаючи кольори, позиціонування та видимі функції, що дозволяє легко інтегрувати їх з візуальною ідентичністю вашого сайту.
Чи сумісний віджет з усіма CMS?
Так, віджет працює з усіма основними CMS, такими як Webflow, Drupal, Shopify та кастомними платформами. Встановлення вимагає лише додавання одного рядка JavaScript коду.
Як я можу довести відповідність EAA компетентним органам?
Основні постачальники цих послуг пропонують сертифікат відповідності та індивідуальну декларацію про доступність, яку ви можете опублікувати на своєму сайті та пред'явити органам влади у разі перевірок.
.svg)
.svg)
.svg)
.webp)
