Skill Profile

Web Accessibility

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

Frontend Development Web Standards & APIs

Roles

7

where this skill appears

Levels

5

structured growth path

Mandatory requirements

31

the other 4 optional

Domain

Frontend Development

Group

Web Standards & APIs

Last updated

3/17/2026

How to Use

Choose your current level and compare expectations. The items below show what to cover to advance to the next level.

What is Expected at Each Level

The table shows how skill depth grows from Junior to Principal. Click a row to see details.

Role Required Description
Flutter Developer Uses Accessibility at a basic level in Flutter 3. Creates simple components from designs. Understands basic concepts and follows component guidelines.
Frontend Developer (Angular) Required Applies basic accessibility in Angular templates: semantic HTML, alt for images, ARIA attributes via attribute binding, using Angular Material components with built-in a11y support.
Frontend Developer (React) Required Applies basic accessibility principles in React components: semantic HTML elements, alt for images, aria-label for interactive elements. Uses Radix UI for accessible UI primitives, checks basic keyboard navigation.
Frontend Developer (Svelte) Required Follows basic accessibility rules in Svelte: semantic markup, alt attributes, ARIA roles. Uses the built-in a11y warnings from the Svelte compiler, ensures keyboard navigation for interactive components in a SvelteKit application.
Frontend Developer (Vue) Required Applies basic a11y principles in Vue components — semantic HTML, ARIA attributes, alt texts. Uses eslint-plugin-vuejs-accessibility for automated accessibility checking in Vue SFC templates.
Fullstack Developer Required Implements basic accessibility in fullstack applications: semantic HTML, alt texts, color contrast, focus states. Uses ARIA attributes for custom components and tests keyboard navigation in main user scenarios.
React Native Developer Adds basic accessibility properties to React Native components — accessibilityLabel, accessibilityRole, accessibilityHint. Tests navigation with VoiceOver (iOS) and TalkBack (Android). Uses proper text contrast and touch target sizes (minimum 44x44pt).
Role Required Description
Flutter Developer Independently implements complex UI components with Accessibility. Optimizes rendering performance. Writes tests with flutter_test/integration_test. Applies BLoC/Riverpod for state management.
Frontend Developer (Angular) Required Implements accessible Angular components: uses CDK a11y (FocusTrap, LiveAnnouncer, ListKeyManager) for complex patterns, implements keyboard navigation via HostListener, configures angular-eslint accessibility rules. Tests with @angular/cdk/testing and jest-axe.
Frontend Developer (React) Required Implements accessible React components: uses React Aria (Adobe) or Radix UI for accessible primitives, manages focus through useRef and focus management, implements keyboard navigation for custom components. Tests with axe-core and verifies through screen readers (VoiceOver/NVDA).
Frontend Developer (Svelte) Required Implements advanced accessibility in Svelte components: live regions for dynamic content, focus management during SvelteKit navigation. Configures aria-* attributes for custom widgets, creates skip-links and correct heading hierarchies in layouts.
Frontend Developer (Vue) Required Implements accessible Vue components: creates keyboard-navigable components with v-on:keydown, manages focus through template refs, implements accessible form validation with aria-describedby and aria-invalid. Uses Headless UI or Radix Vue for accessible primitives.
Fullstack Developer Required Ensures accessibility on both sides: implements server-side rendered accessible HTML with SSR frameworks, configures API responses for accessibility (alt text in image API, structured error messages). Tests with axe-core and verifies keyboard navigation.
React Native Developer Implements comprehensive accessibility for complex screens — accessibilityState, accessibilityValue, proper focus order. Configures accessible navigation with React Navigation. Tests with real screen readers and creates accessibility checklists for mobile apps.
Role Required Description
Flutter Developer Required Designs frontend architecture with Accessibility. Optimizes bundle size and Core Web Vitals. Creates design systems and reusable components. Mentors the team.
Frontend Developer (Angular) Required Designs accessible Angular architecture: creates accessible component library on Angular CDK, configures automated a11y testing via Protractor/Playwright + axe-core, implements route-level focus management. Ensures accessible forms with Reactive Forms and custom validators.
Frontend Developer (React) Required Designs accessibility architecture for React applications: focus management system for SPA navigation in Next.js, ARIA strategy for complex interactive patterns, accessibility-first approach in design system. Introduces automated a11y testing in CI.
Frontend Developer (Svelte) Required Designs accessibility system for SvelteKit applications: WCAG 2.1 AA compliance, accessible routing with page announcements, adaptive components. Creates a11y wrappers and actions for common patterns, integrates automated testing through axe-core and Playwright.
Frontend Developer (Vue) Required Designs accessible Vue architecture: creates accessible component library with Nuxt Content for documentation, configures automated a11y testing with Vitest + axe-core, implements dynamic accessibility features (dark mode, reduced motion, text scaling). Conducts screen reader testing in CI.
Fullstack Developer Required Ensures WCAG 2.1 AA compliance for fullstack applications: accessible forms with server and client validation, live regions for dynamic content, skip navigation. Configures automated a11y testing in CI and conducts audits with assistive technologies.
React Native Developer Required Architects accessibility infrastructure for React Native applications — custom accessible components, dynamic type support, reduced motion. Implements automated a11y checks in CI/CD. Defines WCAG 2.1 compliance standards for mobile interfaces.
Role Required Description
Flutter Developer Required Defines frontend architecture at the product level with Accessibility. Establishes standards and best practices. Conducts architectural reviews.
Frontend Developer (Angular) Required Standardizes accessibility in the Angular ecosystem: defines a11y requirements for Angular Material theme, creates custom schematics for accessible component scaffolding, designs a11y testing pipeline. Trains Angular teams on CDK a11y best practices.
Frontend Developer (React) Required Standardizes accessibility in the organization's React ecosystem: defines a11y requirements for design system, creates testing playbooks for screen reader verification, introduces accessibility champions program. Conducts developer training and design reviews for WCAG compliance.
Frontend Developer (Svelte) Required Builds accessibility culture in the Svelte team: mandatory a11y checks in CI through svelte-check, component standards, training. Defines accessibility roadmap, coordinates audits with WCAG experts, ensures legal compliance.
Frontend Developer (Vue) Required Standardizes accessibility in Vue ecosystem: defines a11y standards for Vue design system, creates composables for reusable accessibility patterns (useFocusTrap, useAnnouncer), designs a11y testing strategy. Trains teams and conducts accessibility audits.
Fullstack Developer Required Designs accessibility strategy for fullstack products: standards for server-rendered and SPA pages, a11y requirements in definition of done, automated checks. Trains the team on inclusive design and coordinates a11y audits.
React Native Developer Required Defines the accessibility strategy for the team's mobile products. Establishes guidelines and a component library with built-in a11y. Coordinates testing with people with disabilities. Ensures ADA/Section 508 compliance for mobile applications.
Role Required Description
Flutter Developer Required Defines the organization's frontend strategy. Evaluates frameworks and approaches. Shapes platform solutions for all frontend teams.
Frontend Developer (Angular) Required Shapes accessibility strategy at the organizational level: a11y standards for the Angular design system, audit process involving assistive technology users, a11y integration into Definition of Done.
Frontend Developer (React) Required Shapes accessibility strategy for the organization's React application ecosystem. Defines WCAG compliance roadmap, design system standards, audit and certification processes. Ensures legal compliance and inclusive design principles across the entire company.
Frontend Developer (Svelte) Required Shapes accessibility strategy at the organizational level, defines WCAG 2.2 AA as the standard for all Svelte products. Influences Svelte compiler a11y tool development, promotes inclusive design as an architectural principle in the Svelte ecosystem.
Frontend Developer (Vue) Required Shapes accessibility strategy for company's Vue ecosystem — governance, compliance monitoring, design system integration. Influences ecosystem through improving a11y tooling for Vue development.
Fullstack Developer Required Defines organizational accessibility strategy: WCAG 2.2 compliance, audit processes for fullstack products, a11y integration into design system. Creates standards and tooling for scalable accessibility across the application ecosystem.
React Native Developer Required Shapes the organizational accessibility strategy for mobile applications. Defines a11y standards for all React Native projects. Coordinates accessibility integration into the design system. Establishes mobile application audit and WCAG certification processes.

Community

👁 Watch ✏️ Suggest Change Sign in to suggest changes
📋 Proposals
No proposals yet for Web Accessibility
Loading comments...