领域
Frontend Development
技能档案
WCAG 2.1, ARIA roles, screen readers, keyboard navigation, accessibility testing
角色数
7
包含此技能的角色
级别数
5
结构化成长路径
必要要求
31
其余 4 个可选
Frontend Development
Web Standards & APIs
2026/3/17
选择当前级别并对比期望。下方卡片显示晋升所需掌握的内容。
表格展示从初级到首席的技能深度变化。点击行查看详情。
| 角色 | 必要性 | 描述 |
|---|---|---|
| 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) | 必要 | 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) | 必要 | 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) | 必要 | 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) | 必要 | 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 | 必要 | 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). |
| 角色 | 必要性 | 描述 |
|---|---|---|
| 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) | 必要 | 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) | 必要 | 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) | 必要 | 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) | 必要 | 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 | 必要 | 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. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Flutter Developer | 必要 | Designs frontend architecture with Accessibility. Optimizes bundle size and Core Web Vitals. Creates design systems and reusable components. Mentors the team. |
| Frontend Developer (Angular) | 必要 | 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) | 必要 | 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) | 必要 | 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) | 必要 | 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 | 必要 | 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 | 必要 | 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. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Flutter Developer | 必要 | Defines frontend architecture at the product level with Accessibility. Establishes standards and best practices. Conducts architectural reviews. |
| Frontend Developer (Angular) | 必要 | 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) | 必要 | 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) | 必要 | 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) | 必要 | 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 | 必要 | 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 | 必要 | 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. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Flutter Developer | 必要 | Defines the organization's frontend strategy. Evaluates frameworks and approaches. Shapes platform solutions for all frontend teams. |
| Frontend Developer (Angular) | 必要 | 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) | 必要 | 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) | 必要 | 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) | 必要 | 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 | 必要 | 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 | 必要 | 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. |