Description:
There are two links on the page that lead to the same destination:
• "<" link in the header (aria-label="Back")
• "Previous page" text link at the bottom of the page
Consider providing a more descriptive accessible name for the "Back" link to allow AT users to clearly understand the element's purpose and have a more predictable experience:
• aria-label="Previous page"
Page:
Lesson 1: Overview of electronic Passport Next Generation
Lesson 2: Domestic Print
Lesson 4: Manual QA
Description:
There are several buttons with the same name:
• aria-label="Show feedback"
that have different functions. Screen reader users might not know the difference if they are not somehow explained.
Please add a more descriptive accessible name for each button, so that screen reader users can distinguish their functionality. For example:
• aria-label="Show feedback for Knowledge Check - PSS Workflow: Question 1"
• aria-label="Show feedback for Knowledge Check - PSS Navigation: Question 1"
COURSE: https://esdc-edsc-adapt.canadacentral.cloudapp.azure.com/preview/5dc446fd27f08836496b6b9e/63a32079b75e454dafed1e1d/
Page: Lesson 1: Overview of electronic Passport Next Generation Lesson 2: Domestic Print Lesson 3: Observation Print Lesson 4: Manual QA Lesson 5: Reports
Description: There are two links on the page that lead to the same destination: • "<" link in the header (aria-label="Back") • "Previous page" text link at the bottom of the page
Consider providing a more descriptive accessible name for the "Back" link to allow AT users to clearly understand the element's purpose and have a more predictable experience: • aria-label="Previous page"
Page: Lesson 1: Overview of electronic Passport Next Generation Lesson 2: Domestic Print Lesson 4: Manual QA
Description: There are several buttons with the same name: • aria-label="Show feedback" that have different functions. Screen reader users might not know the difference if they are not somehow explained.
Please add a more descriptive accessible name for each button, so that screen reader users can distinguish their functionality. For example: • aria-label="Show feedback for Knowledge Check - PSS Workflow: Question 1" • aria-label="Show feedback for Knowledge Check - PSS Navigation: Question 1"