6.6 Missing Label for the Interactive Elements

Affected Group: Persons with poor vision

Descriptive labels help users understand what information is contained in webpages and the connections between different parts of content more easily.

Visually impaired users rely on screen reader to navigate websites. Proper coding of interactive elements enables screen readers to articulate the content, aiding users in grasping the information's organisation. It should clearly define the role of an interactive element (e.g. a button), its name, and its function (e.g. “Confirm”) as well as its status (e.g. “disabled”, “enabled”). This allows users who rely on screen reader to interact with digital content and operate effectively.

The example below only defines the name of the interactive element as “Confirm”. The screen reader only reads “Confirm” but does cannot indicate whether it is a button for further operation.

User may not know the “Confirm” is a clickable button if its role is not assigned/ incorrectly assigned.