Домен
Frontend Development
Профиль навыка
WCAG 2.1, ARIA roles, screen readers, keyboard navigation, accessibility testing
Ролей
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. |