Початок › База знань › За системою

Доступність із Webflow

У Webflow ви будуєте розмітку самі. Це дає змогу створювати дуже чисті, доступні сторінки — але лише якщо дбати про семантику та стани.

Поширені місця висновків

Кнопки-<div> замість справжніх елементів <button>, взаємодії та анімації без prefers-reduced-motion, поля форм без пов’язаного підпису, декоративні зображення без порожнього alt, надто низький контраст тексту з панелі стилів.

Перший крок

Виберіть семантичні теги в Designer (елемент Button, теги заголовків), задайте стилі фокуса глобально, дайте взаємодіям варіант «Reduced motion», пов’яжіть підписи полів форм, проскануйте вихідний код.

Як допомагає a11yglass

Безкоштовне сканування перевіряє наданий HTML і CSS на порушення WCAG, які можна розпізнати автоматично, і називає до кожного висновку критерій успіху та конкретний крок. Воно виявляє приблизно 20–35% проблем і не замінює повної оцінки.

Читати далі

• Керування з клавіатури за WCAG 2.1.1
• Видимий фокус за WCAG 2.4.7
• Рух за WCAG 2.2.2 / 2.3.3

Загальна інформація за наявними знаннями, не юридична консультація. Для окремого випадку зверніться до адвокатського бюро, що спеціалізується на ІТ-праві.