Как frontend-разработчику обеспечить accessibility

Accessibility (A11y) — набор правил и рекомендаций, чтобы сделать сайт или приложение доступным людям с ограниченными возможностями.

Число людей с ограничениями растет каждый год, поэтому доступность пользователям — один из важнейших параметров. Особенно для удержания на сайте.

Собрали на карточках полезные советы о том, как frontend-разработчику помочь пользователям с ограничениями.

Рекомендуем почитать документацию WCAG — один из самых надёжных источников информации по a11y. Также собрали полезные статьи с Хабра и VC по теме:

🔵 Веб-доступность — зачем и для кого?
🔵 Как сделать приложение доступным для пользователей с ограниченными возможностями
🔵 Web Accessibility в рассказе «A11Y от 0 до NaN»
🔵 Самый полный гайд по контрастности в интерфейсах
🔵 Навигация на слух: как адаптируют интернет для слабовидящих

#surf_frontend

Анимации на React вместе с Framer Motion

Framer Motion — библиотека c открытым исходным кодом, содержащая всё для реализации анимаций в React-приложении.

За счёт удобного и понятного синтаксиса Framer Motion позволяет уменьшить время на разработку и объём кода, а ещё улучшить поддерживаемость кодовой базы.

🏄 Люба, frontend-разработчик в Surf, рассказала об азах библиотеки в карточках. Листай и открывай полный полёт фантазии.

Примеры анимаций для вдохновения:

➡️ Drag with constraints
➡️ Keyframes
➡️ Scroll triggered animations
➡️ Layout animations

#surf_frontend