Skip to content

Accessibility issue in progress bar for pages that are not episodes: aria-valuenow="NA" - Invalid state or property #201

@josenino95

Description

@josenino95

An ARIA state or property has an invalid value. It may have been mistyped.

Occurrences (1 in each page)
From my understanding of the SiteImprove report, the issue arises from the aria-valuenow property of the progress bar when it is set to the value of "NA".

I see this happening in the following pages:

<div class="progress software">
<div class="progress-bar software" role="progressbar" aria-valuenow="NA" aria-label="Lesson Progress" aria-valuemin="0" aria-valuemax="100" style="width: NA%"></div>
</div>

Why is this an issue?
ARIA attributes provide information about the behavior of interactive elements. For example, they can be used to tell screen reader users whether a checkbox is checked (aria-checked=true) or unchecked (aria-checked=false).

Non-standard or misspelled values will not deliver the intended user experience and may even break the usability of the page.

WCAG 2.2: Understanding Success Criterion 4.1.2: Name, Role, Value
ARIA 1.2: 6.2.4 Value
Siteimprove Alfa: Technical documentation for rule SIA-R19

Metadata

Metadata

Assignees

Labels

a11y-non-conformanceAccessibility issue that results in WCAG non-conformanceaccessibilityIssues relating to accessibility and WCAG

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions