Practice developing inclusive and accessible web experiences. Explore the principles and techniques of web accessibility, including semantic HTML, ARIA roles, keyboard navigation, and screen reader compatibility, a skill which differentiates senior from junior front end engineers.
所有练习题目
题目列表
TabsBuild a tabs component that displays a list of tab elements and one associated panel of content at a time
Available frameworks
Modal DialogBuild a reusable modal dialog component that can be opened and closed
Available frameworks
AccordionBuild an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet
Available frameworks
Accordion IIBuild an accessible accordion component that has the right ARIA roles, states, and properties
Available frameworks
Accordion IIIBuild a fully accessible accordion component that has keyboard support according to ARIA specifications
Available frameworks
File Explorer IIBuild a semi-accessible file explorer component that has the right ARIA roles, states, and properties
Available frameworks
Modal Dialog IIBuild a semi-accessible modal dialog component that has the right ARIA roles, states, and properties
Available frameworks
Modal Dialog IIIBuild a moderately-accessible modal dialog component that supports common ways to close the dialog
Available frameworks
Tabs IIBuild a semi-accessible tabs component that has the right ARIA roles, states, and properties
Available frameworks
Tabs IIIBuild a fully accessible tabs component that has keyboard support according to ARIA specifications
Available frameworks
Auth Code InputBuild an auth code input component that allows users to enter a 6-digit authorization code
Available frameworks
Modal Dialog IVBuild a fully-accessible modal dialog component that supports all required keyboard interactions