Перейти до основного вмісту
Комунальне некомерційне підприємство "Центр медичної реабілітації та паліативної допомоги дітям" Житомирської обласної ради
Вітрила Життя
Вітрила Життя
ДСТУ EN 301 549:2022 / WCAG 2.1 AA

Декларація доступності

КНП «Центр медичної реабілітації та паліативної допомоги дітям» Житомирської обласної ради зобов'язується забезпечувати доступність веб-сайту vitrylazhyttia.com.ua відповідно до вимог ДСТУ EN 301 549:2022 та Постанови КМУ №757 від 21.07.2023.

Рівень відповідності: WCAG 2.1 AA — Повністю відповідає

Цей веб-сайт повністю відповідає стандарту WCAG 2.1 рівня AA (ДСТУ EN 301 549:2022). Нижче описано реалізовані критерії успіху та порядок зворотного зв'язку.

Декларацію підготовлено: Метод оцінки: самооцінка.

Технічні характеристики

Технологія: Next.js (App Router) + React + TypeScript + Tailwind CSS

Браузери: Chrome 120+, Firefox 121+, Safari 17+, Edge 120+

Допоміжні технології: NVDA + Chrome (Windows), VoiceOver + Safari (macOS/iOS), TalkBack (Android)

Реалізовані критерії WCAG 2.1 AA

SC 1.1.1Нетекстовий вміст — усі зображення мають описові alt-атрибути.
SC 1.2.1Аудіо- та відеоматеріали — відеоролики у новинах є візуальними слайд-шоу без закадрового мовлення, зміст яких повністю наведено у тексті публікацій.
SC 1.3.1Інформація та взаємозв'язки — семантична структура HTML5 (header, main, nav, footer, article).
SC 1.3.2Значуща послідовність — логічний порядок DOM відповідає візуальному порядку.
SC 1.4.1Використання кольору — інформація не передається лише кольором.
SC 1.4.3Контраст (мінімальний) — палітра Slate забезпечує співвідношення ≥ 4.5:1 для основного тексту.
SC 1.4.4Зміна розміру тексту — панель доступності дозволяє збільшити шрифт до 130% без втрати функціональності.
SC 1.4.10Зміна макету (Reflow) — адаптивний дизайн mobile-first без горизонтального прокручування при ширині 320px.
SC 1.4.11Контраст нетекстового вмісту — UI-компоненти (кнопки, поля введення) відповідають мінімальному контрасту 3:1.
SC 1.4.12Інтервали тексту — немає примусових обмежень інтервалу між символами/рядками/абзацами.
SC 2.1.1Клавіатура — усі інтерактивні елементи доступні з клавіатури; skip-link для переходу до основного вмісту.
SC 2.1.2Без клавіатурної пастки — фокус не блокується в жодному компоненті.
SC 2.3.3Анімація за взаємодією — система вимкнення анімацій реагує на prefers-reduced-motion та ручне налаштування.
SC 2.4.1Обхід блоків — реалізовано skip-link «Перейти до основного вмісту» (видимий при фокусі).
SC 2.4.2Заголовки сторінок — унікальні та описові title-теги на кожній сторінці.
SC 2.4.3Порядок фокуса — логічний та передбачуваний порядок фокусування по DOM.
SC 2.4.5Декілька способів — доступна багаторівнева навігація: головне меню, карта сайту у футері та інтерактивний пошук по сайту (Ctrl+K).
SC 2.4.6Заголовки та підписи — присутня ієрархія h1→h2→h3 на всіх сторінках.
SC 2.4.7Видимий фокус — кольорова рамка фокуса visible для клавіатурної навігації.
SC 3.1.1Мова сторінки — динамічне перемикання атрибута lang='uk' на <html> для UA та lang='en' для EN-версії.
SC 3.2.1При фокусі — перехід фокуса не спричиняє автоматичної зміни контексту.
SC 3.2.2При введенні — зміна значень полів форми не спричиняє несподіваних змін контексту.
SC 3.3.1Ідентифікація помилок — поля форм мають валідацію з повідомленнями про помилки.
SC 3.3.2Підписи (Labels) — усі поля введення мають пов'язані label-елементи з htmlFor/id.
SC 4.1.1Синтаксичний аналіз — валідна HTML-розмітка без дублікатів атрибутів id.
SC 4.1.2Ім'я, роль, значення — інтерактивні елементи та модальні вікна мають відповідні ARIA-ролі та описи.

Відомі обмеження

Наразі відомих обмежень доступності не виявлено. Весь контент та функціонал веб-сайту повністю відповідає критеріям стандарту.

Вбудована панель доступності

На всіх сторінках сайту доступна кнопка 👁 праворуч екрана, що відкриває панель налаштувань:

  • Збільшення розміру шрифту (115% і 130%)
  • Перемикання на чіткий шрифт Arial (для дислексії)
  • Чорно-білий (монохромний) режим
  • Режим високої контрастності
  • Інверсія кольорів
  • Вимкнення всіх анімацій та переходів

Налаштування зберігаються в localStorage та відновлюються при наступному відвідуванні. Анімації автоматично вимикаються при активованому системному налаштуванні «Зменшення руху».

Зворотній зв'язок

Якщо ви стикнулися з бар'єрами доступності або маєте пропозиції — зв'яжіться з нами:

Звернення розглядаються протягом 14 робочих днів.

Процедура оскарження

У разі незадовільної відповіді ви маєте право звернутися до: