Accessible Widget Examples
This section showcases various examples of accessible widgets, with a discussion of design patterns, accessibility issues presented by each particular approach and suggestions for a better approach.
| Example | Description | |
|---|---|---|
| 1 | Responsive Menu | This example is an accessible reimplementation of a responsive menu adobe.com website. The example keeps the keyboard interaction pattern similar to the original. |
| 2 | Menu Toggle Button | This example illustrates how to implement a menu toggle button accessibly using ARIA. |
| 3 | Responsive Menu with Toggle Button | This example illustrates how to implement a menu toggle button accessibly using ARIA. |
| 4 | Form Validation | This example illustrates how to implement accessible error feedback for forms. |
| 5 | Accessible SVG Floorplan | This example illustrates how to implement an accessible interactive SVG floorplan. |
| 6 | Cookie Notice | This example illustrates how to implement an accessible dialog for a privacy notice. |
| 7 | Popover Widget | This example illustrates how to implement an accessible popover widget. |