WCAG Demo Index
Example pages to showcase how we will be using WCAG 2.1 friendly HTML and user interface behavior. These will serve as our design documents for adding new components and features. Also serves as the "agreed upon" behaviour of what is expected when we say we need to add a popup, table, form of fields, etc.
| Demo Link | Description |
|---|---|
| WCAG/RegisterAccountDemo | This page shows required fields and stacking status updates to be read by screen reader. Links in the error status updates set focus to the field in question. Also psuedo-ajax call to check if the email is already registered if passes the initial validation check (use tester123@aol.com) |
| WCAG/ModalFocusDemo | This demo page shows us how to use a Bootstrap modal for popup windows. Supports keyboard buttons and reading status announcements. Also returns focus to the launch button after closing the modal so user can resume where they were. |
| WCAG/PaginationDemo | This demo page shows pagination example where clicking columns changes the visibly stated sorted by field underneath the Filter textbox. Reads out item names and item descriptions when clicked in table. Reads announcements when the page changes. |
| WCAG/TableSortFilterDemo | This demo page shows example table with sortable columns. Has search textbox to filter results. Reads announcements when the page changes. |