LIT-EIA / adapt-esdc-accessibilityfixes

Extension to load and run a .js file when a course loads
GNU General Public License v3.0
5 stars 2 forks source link

Insufficient color contrast for focus indicators (WCAG 1.4.11) [QAC] #198

Open ftourangeau opened 1 year ago

ftourangeau commented 1 year ago

COURSE: https://esdc-edsc-adapt.canadacentral.cloudapp.azure.com/preview/5dc446fd27f08836496b6b9e/63a32079b75e454dafed1e1d/


Page: Main Hamburger Menu Lesson 1: Overview of electronic Passport Next Generation Lesson 2: Domestic Print Lesson 4: Manual QA

Description: The focus indicator in the Drawer dialog, e.g.: • "Glossary..." link has insufficient color contrast. The element was calculated to have the following traits • Foreground: #CD1C6A • Background: #1C4E8A • The contrast ratio is: 2.8:1

Any visual information necessary to indicate a state, such as whether a component is selected or focused must also ensure that the information used to identify the control in that state has a minimum 3:1 contrast ratio.


Page: Course Overview 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: The focus indicator in the audio player has insufficient color contrast.

The element was calculated to have the following traits • Foreground: rgb(185, 17, 113) • Background: rgb(76, 76, 76) • The contrast ratio is: 1.4:1

Any visual information necessary to indicate a state, such as whether a component is selected or focused must also ensure that the information used to identify the control in that state has a minimum 3:1 contrast ratio.


Page: Lesson 1: Overview of electronic Passport Next Generation

Description: The "Overview of the Primary PSS Modules" section. A glow appears when the "Hot pin" image button changes the status to • Visited This effect does not have enough color contrast for users who are not blind but suffer from some form of visual impairment to perceive the status of the button.

The graphic element was calculated to have the following traits • Foreground: rgb(192, 148, 211) • Background: rgb(255, 255, 255) • The contrast ratio is: 2.5:1

Any visual information necessary to indicate a state must also ensure that the information used to identify the control in that state has a minimum 3:1 contrast ratio.