Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various different behavioral changes, to ensure blind users visiting with screen-readers are able to read, comprehend and enjoy the website’s functions. As soon as a user with a screen-reader enters our site, they immediately receive a prompt to enter the Screen-ReaderProfile so they can browse and operate the Bryden and Sullivan site effectively. Here’s how our website covers some of the most important screen-reader requirements,alongside console screenshots of code examples:
- Screen-reader optimization:
We run a background process that learnsScreen-reader optimization: we run a background process that learnsthe website’s components from top to bottom, to ensure ongoingcompliance even when updating the website. In this process, we providescreen-readers with meaningful data using the ARIA set of attributes. Forexample, we provide accurate form labels; descriptions for actionableicons (social media icons, search icons, cart icons, etc.); validationguidance for form inputs; element roles such as buttons, menus, modaldialogues (popups), and others.
Additionally, the background process scans all of the website’s imagesand provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image,using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.These adjustments are compatible with all popular screen readers,including JAWS and NVDA.