Conception UI/UX
Introduction
These resources are specifically designed for developers who are not trained in digital accessibility. Our goal is to provide them with the tools and methods they need to make their components accessible.
The content we offer includes a range of scenarios and multiple approaches to integrating accessibility. Each developer can choose the method that best suits their needs.
Target Area
The entire header area of an accordion should be clickable, not just the icon. This improves accessibility and makes the component easier to use, especially on touch devices. Users should be able to expand or collapse a section by clicking anywhere within the header.
Clicking the Entire Header Should Expand the Menu
Clicking anywhere within the header section should trigger the expansion of the accordion. Limiting the interaction to a small icon can create usability issues and make the component harder to interact with. A larger clickable area ensures a smoother and more intuitive user experience.
Sur cette page
The entire header area of an accordion should be clickable, not just the icon. This improves accessibility and makes the component easier to use, especially on touch devices. Users should be able to expand or collapse a section by clicking anywhere within the header.
Clicking anywhere within the header section should trigger the expansion of the accordion. Limiting the interaction to a small icon can create usability issues and make the component harder to interact with. A larger clickable area ensures a smoother and more intuitive user experience.