Профиль навыка

Доступность (Accessibility)

WCAG 2.1, ARIA roles, screen readers, keyboard navigation, accessibility testing

Frontend Development Веб-стандарты и API

Ролей

7

где встречается этот навык

Грейдов

5

сформированная дорожка роста

Обязательных требований

31

ещё 4 — необязательные

Домен

Frontend Development

Группа

Веб-стандарты и API

Последнее обновление

17.03.2026

Как использовать

Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.

Чего ждут на каждом уровне

Таблица показывает, как меняется глубина владения навыком от Junior до Principal.

Роль Обязательность Описание
Flutter Developer Использует Доступность (Accessibility) на базовом уровне в Flutter 3. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Frontend Developer (Angular) Обязателен Применяет базовую доступность в Angular-шаблонах: семантический HTML, alt для изображений, ARIA-атрибуты через attribute binding, использование Angular Material компонентов с встроенной a11y-поддержкой.
Frontend Developer (React) Обязателен Применяет базовые принципы accessibility в React-компонентах: семантические HTML-элементы, alt для изображений, aria-label для интерактивных элементов. Использует Radix UI для доступных UI-примитивов, проверяет базовую навигацию с клавиатуры.
Frontend Developer (Svelte) Обязателен Следует базовым правилам доступности в Svelte: семантическая разметка, alt-атрибуты, ARIA-роли. Использует встроенные a11y-предупреждения компилятора Svelte, обеспечивает клавиатурную навигацию для интерактивных компонентов в SvelteKit-приложении.
Frontend Developer (Vue) Обязателен Применяет базовые принципы a11y во Vue-компонентах — семантический HTML, ARIA-атрибуты, alt-тексты. Использует eslint-plugin-vuejs-accessibility для автоматической проверки доступности в шаблонах Vue SFC.
Fullstack Developer Обязателен Реализует базовую доступность в fullstack-приложениях: семантический HTML, alt-тексты, контрастность цветов, фокусные состояния. Использует ARIA-атрибуты для кастомных компонентов и тестирует навигацию клавиатурой в основных пользовательских сценариях.
React Native Developer Добавляет базовые accessibility-свойства в React Native компоненты — accessibilityLabel, accessibilityRole, accessibilityHint. Тестирует навигацию с VoiceOver (iOS) и TalkBack (Android). Использует правильные контрасты текста и размеры touch-target (минимум 44x44pt).
Роль Обязательность Описание
Flutter Developer Самостоятельно реализует сложные UI-компоненты с Доступность (Accessibility). Оптимизирует производительность рендеринга. Пишет тесты с flutter_test/integration_test. Применяет BLoC/Riverpod для state management.
Frontend Developer (Angular) Обязателен Реализует accessible Angular компоненты: использует CDK a11y (FocusTrap, LiveAnnouncer, ListKeyManager) для сложных patterns, реализует keyboard navigation через HostListener, настраивает angular-eslint accessibility rules. Тестирует с @angular/cdk/testing и jest-axe.
Frontend Developer (React) Обязателен Реализует accessible React-компоненты: использует React Aria (Adobe) или Radix UI для доступных примитивов, управляет фокусом через useRef и focus management, реализует keyboard navigation для custom components. Тестирует с axe-core и проверяет через screen reader (VoiceOver/NVDA).
Frontend Developer (Svelte) Обязателен Реализует продвинутую доступность в Svelte-компонентах: live regions для динамического контента, focus management при навигации SvelteKit. Настраивает aria-* атрибуты для кастомных виджетов, создаёт skip-links и корректные heading-иерархии в layout-ах.
Frontend Developer (Vue) Обязателен Реализует accessible Vue-компоненты: создает keyboard-navigable components с v-on:keydown, управляет фокусом через template refs, реализует accessible form validation с aria-describedby и aria-invalid. Использует Headless UI или Radix Vue для accessible primitives.
Fullstack Developer Обязателен Обеспечивает accessibility на обеих сторонах: реализует server-side rendered accessible HTML с SSR frameworks, настраивает API responses для accessibility (alt text в image API, structured error messages). Тестирует с axe-core и проверяет keyboard navigation.
React Native Developer Реализует комплексную accessibility для сложных экранов — accessibilityState, accessibilityValue, правильный порядок фокуса. Настраивает accessible навигацию с React Navigation. Тестирует с реальными screen readers и создаёт чек-листы accessibility для мобильных приложений.
Роль Обязательность Описание
Flutter Developer Обязателен Проектирует архитектуру frontend с Доступность (Accessibility). Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Frontend Developer (Angular) Обязателен Проектирует accessible Angular-архитектуру: создает accessible component library на Angular CDK, настраивает автоматическое a11y тестирование через Protractor/Playwright + axe-core, реализует route-level focus management. Обеспечивает accessible forms с Reactive Forms и custom validators.
Frontend Developer (React) Обязателен Проектирует accessibility-архитектуру React-приложений: систему фокус-менеджмента для SPA-навигации в Next.js, стратегию ARIA для сложных интерактивных паттернов, accessibility-first подход в дизайн-системе. Внедряет автоматическое a11y-тестирование в CI.
Frontend Developer (Svelte) Обязателен Проектирует систему доступности для SvelteKit-приложений: WCAG 2.1 AA соответствие, accessible routing с анонсом страниц, адаптивные компоненты. Создаёт a11y-обёртки и actions для общих паттернов, интегрирует автоматическое тестирование через axe-core и Playwright.
Frontend Developer (Vue) Обязателен Проектирует accessible Vue-архитектуру: создает accessible component library с Nuxt Content для documentation, настраивает automated a11y testing с Vitest + axe-core, реализует dynamic accessibility features (dark mode, reduced motion, text scaling). Проводит screen reader testing в CI.
Fullstack Developer Обязателен Обеспечивает соответствие WCAG 2.1 AA для fullstack-приложений: доступные формы с серверной и клиентской валидацией, live-regions для динамического контента, skip-навигация. Настраивает автоматическое a11y-тестирование в CI и проводит аудиты с assistive-технологиями.
React Native Developer Обязателен Проектирует accessibility-архитектуру React Native приложения — кастомные accessible-компоненты, dynamic type поддержка, reduced motion. Внедряет автоматические проверки a11y в CI/CD. Определяет стандарты соответствия WCAG 2.1 для мобильных интерфейсов.
Роль Обязательность Описание
Flutter Developer Обязателен Определяет frontend-архитектуру на уровне продукта с Доступность (Accessibility). Формирует стандарты и best practices. Проводит архитектурные review.
Frontend Developer (Angular) Обязателен Стандартизирует accessibility в Angular-экосистеме: определяет a11y requirements для Angular Material theme, создает custom schematics для accessible component scaffolding, проектирует a11y testing pipeline. Обучает Angular-команды CDK a11y best practices.
Frontend Developer (React) Обязателен Стандартизирует accessibility в React-экосистеме организации: определяет a11y requirements для design system, создает testing playbooks для screen reader verification, внедряет accessibility champions program. Проводит обучение разработчиков и ревью дизайнов на WCAG compliance.
Frontend Developer (Svelte) Обязателен Внедряет культуру доступности в Svelte-команде: обязательные a11y-проверки в CI через svelte-check, стандарты компонентов, тренинги. Определяет accessibility roadmap, координирует аудиты с WCAG-экспертами, обеспечивает соответствие юридическим требованиям.
Frontend Developer (Vue) Обязателен Стандартизирует accessibility в Vue-экосистеме: определяет a11y standards для Vue design system, создает composables для reusable accessibility patterns (useFocusTrap, useAnnouncer), проектирует a11y testing strategy. Обучает команды и проводит accessibility audits.
Fullstack Developer Обязателен Проектирует стратегию доступности для fullstack-продуктов: стандарты для серверно-рендеренных и SPA-страниц, a11y-требования в definition of done, автоматизация проверок. Обучает команду inclusive-дизайну и координирует a11y-аудиты.
React Native Developer Обязателен Определяет accessibility-стратегию для мобильных продуктов команды. Формирует guidelines и компонентную библиотеку с встроенной a11y. Координирует тестирование с людьми с ограниченными возможностями. Обеспечивает соответствие требованиям ADA/Section 508 для мобильных приложений.
Роль Обязательность Описание
Flutter Developer Обязателен Определяет frontend-стратегию организации. Оценивает фреймворки и подходы. Формирует platform-решения для всех frontend-команд.
Frontend Developer (Angular) Обязателен Формирует стратегию доступности на уровне организации: стандарты a11y для Angular дизайн-системы, процесс аудита с привлечением пользователей assistive technology, интеграция a11y в Definition of Done.
Frontend Developer (React) Обязателен Формирует стратегию accessibility для экосистемы React-приложений организации. Определяет WCAG compliance roadmap, стандарты для дизайн-системы, процессы аудита и сертификации. Обеспечивает legal compliance и inclusive design principles на уровне всей компании.
Frontend Developer (Svelte) Обязателен Формирует стратегию доступности на уровне организации, определяет WCAG 2.2 AA как стандарт для всех Svelte-продуктов. Влияет на развитие a11y-инструментов Svelte-компилятора, продвигает инклюзивный дизайн как архитектурный принцип в Svelte-экосистеме.
Frontend Developer (Vue) Обязателен Формирует стратегию доступности для Vue-экосистемы компании — governance, compliance monitoring, integration с дизайн-системой. Влияет на экосистему через улучшение a11y инструментов для Vue-разработки.
Fullstack Developer Обязателен Определяет стратегию доступности организации: WCAG 2.2 compliance, процессы аудита для fullstack-продуктов, интеграция a11y в дизайн-систему. Создаёт стандарты и инструменты для масштабного обеспечения доступности в экосистеме приложений компании.
React Native Developer Обязателен Формирует организационную стратегию accessibility для мобильных приложений. Определяет стандарты a11y для всех React Native проектов. Координирует интеграцию accessibility в design system. Выстраивает процессы аудита и сертификации мобильных приложений по WCAG.

Сообщество

👁 Следить ✏️ Предложить изменение Войдите, чтобы предлагать изменения
📋 Предложения
Пока нет предложений для Доступность (Accessibility)
Загрузка комментариев...