Context: Lucid’s accessibility efforts

Great products work for everyone

To make Lucid documents more accessible, Lucid has made significant progress by implementing practices such as accessible document exports, optimizing color and contrast for readability, improving keyboard navigation, and actively seeking community feedback to improve usability for everyone.

My passion: closing the accessibility gap

Here's how I contributed

The next big gap to close was improving ARIA label usage to enhance navigation for users relying on assistive technology. This is where my curiosity and passion for accessibility kicked in.

I took the initiative to make Lucid's products more inclusive and user-friendly for everyone.

Goal: improving accessibility for assistive technology users

Screen reader users

Following the Web Content Accessibility Guidelines 2.2, our goal is to ensure that users relying on assistive technologies can understand the content on the page and easily navigate through Lucid products.

Image from allyant.com

UX designers: accessibility is the key

Part of our job as UX designers is to know how to write ARIA labels and identify which elements need them. That's why we've added ARIA label documentation to our "Strata" design system!

Disability Impacts All of Us

Aria label documentation

What is aria label?

An ARIA (Accessible Rich Internet Applications) label is an attribute used in HTML to define a string that labels an element.

It makes sure that users who rely on assistive technologies, like screen readers, know what is on the page.

Image from web.dev

What happens if there isn't an aria-label?

What happens if there isn't an aria-label.png