LIT-EIA / adapt-esdc-college-theme

MeD's official Adapt theme
GNU General Public License v3.0
2 stars 0 forks source link

Component - Media - CSS issues [RDI 2.25] #2

Open LIT-EIA-OWNER opened 3 years ago

LIT-EIA-OWNER commented 3 years ago

Radio buttons not aligned properly when multiple CC languages available

The media player buttons should be below the video and always visible

"As the user tabs from the first video on the page to the second video using the keyboard it is observed that the tooltip is displayed but the controls and the bottom of the video player are not shown.

The page does not shift entirely to the second video until the user has tabbed to the transcript button. "

LIT-EIA-OWNER commented 3 years ago

In both IE11 and Chrome, the controls on the video are visible when the user hovers the mouse near the video itself. The controls, however, are not visible if the user tabs to the video player using the keyboard only. This occurs for all videos in the course.

Although a tooltip appears in IE11 when the user tabs to a control, it disappears shortly afterwards. If the user is distracted and moves their attention away from the screen they will not be able to see the where the keyboard focus is and as a result this can cause confusion and/or frustration.

When using only a keyboard I am not able to see any of the video player buttons. This means that as I press tab I will press the space bar or enter each time I press tab to see if anything happens.

The only way the video player buttons appear is if the mouse cursor is detected on the space of the video. Note that the player buttons only displays all the buttons for 3 seconds before disappearing, unless we move the mouse. The fact that the player buttons do not remain visible is a failure (1.4.13 Content on hover or focus). The buttons need to be Persistent. Which means the additional content remains visible until (1) the user removes focus or hover from the trigger element and the additional content, (2) the user explicitly dismisses it, or (3) the information in it becomes invalid.

I was not able to activate the CC button with the keyboard meaning that I could not see the options (none, French) nor select them.

It seems that the only time the video player buttons stayed displayed (without disappearing) was when the video finished playing. Once I tab to the transcript button and the buttons disappeared. The buttons also remained hidden when I tabbed back (shift+tab) to them from the transcript button.

There might be another issue. All the buttons are decorative images. This does not seem to be an issue for JAWS. The alt text for those images are not announced by a screen reader. It should be noted that some of the alt text is in English for the French page. It seems like JAWS does not announce the alt text for these buttons.

LIT-EIA-OWNER commented 3 years ago

CC button no longer works? (not sure it ever did)

No focus color on the progress bar

Volume bar is invisible when you tab to it