H5P High contrast mode test - Borders, progress bars, selection are not visible as expected
Submitted by Poornima Pillai on Tue, 11/23/2021 - 10:29
Forums:
Tested on Win 10 + Firefox
Steps to reproduce:
- Enable high contrast on Windows and launch Firefox with the H5P site [H5P| https://cdn-esim.contentservice.net/adapt-dev/adapt-platform/courses/h5p/latest/index.html]
- On the 'H5P content used for presentation' page , observe the border for the 'Dialog cards' section are not visible. [Dialog_cards_border.PNG]
- On the 'Assessment 1' page, 'Multiple Choice Question 2/4' has the answer options with incomplete borders 3. [incomplete_border.PNG]
- On answering the correct options, the completion bar is not visible for any of the completed assessments. [Completion_bar.PNG]
H5P video:
- Drag and drop items, part of the 3rd star icon on the video player, when dragged shows two dotted lines around the drop area. [Drag and drop border.png]
- Playback indicator is not visible when selected for a specific speed. [playback speed.PNG]
Attachments:
Content types:
fnoks
Thu, 02/17/2022 - 15:19
Permalink
WCAG requirement
Hi,
And sorry for the late reply. Could you please let us know which WCAG AA requirement this is connected to?
Poornima Pillai
Tue, 02/22/2022 - 17:05
Permalink
WCAG requirement
This issue should be mapped to Understanding Success Criterion 1.4.6: Contrast (Enhanced) which seems to be Level AAA. Can you please confirm and I am guessing that you are now only complaint to WCAG AA. Is that rightly understood.
Poornima Pillai
Tue, 02/22/2022 - 17:08
Permalink
WCAG requirement
This should be mapped to Understanding Success Criterion 1.4.6: Contrast (Enhanced) which seems to be of Level AAA. I am guessing that you currently support only Level AA, can you please confirm.