Bell Canada's Bonds Web Page
Improved web accessibility on a page featuring a dynamic table updated by a dropdown selection, ensuring a better experience for screen reader users.
The Problem:
Screen reader users were not informed that selecting a security from the dropdown would also update the related table, leaving them unaware of the action's impact.
The Solution:
Added ARIA live region support and contextual instructions to inform screen reader users that selecting an option will dynamically update the table content.
Skills & Tools Used:
- HTML
- JavaScript
- ARIA (Accessible Rich Internet Applications)
- NVDA Screen Reader
- Keyboard Accessibility Testing