guardian / dotcom-rendering

The Guardian web rendering service (aka DCR/DCAR)
https://www.theguardian.com
Apache License 2.0
250 stars 28 forks source link

Issue ID: DAC_Unlabelled_Form_Element5 #5074

Open VDuczekW opened 2 years ago

VDuczekW commented 2 years ago

Report Link: https://drive.google.com/file/d/17J6u_EgtGd8YX7__kjWoGGls4Bz90x_T/view?usp=sharing

Full issue list: https://docs.google.com/spreadsheets/d/1vWQtZfD49uq7uNCNELuYN_HcIj-BKiE4t4Hwda3tJaQ/edit#gid=0

bryophyta commented 2 years ago

Note This is an automatically-generated comment. Feel free to edit the content, but please don't edit this 'note' block.

Intro to report

Copying the intro here to aid discoverability of the report's content:

Issue ID: DAC_Unlabelled_Form_Element5
URL: https://www.theguardian.com/football/2021/sep/24/premier-league-10-things-tolook-out-for-this-weekend
Page title: Premier League: 10 things to look out for this weekend | Premier League | The
Guardian
Journey: 1.21
Screenshot:

Users are presented with play button and a slider element to interact with an audio clip.
However, these elements have not been provided with an appropriate label. Users rely on
descriptive labels to help them understand the purpose of each element. A missing label can
and will affect multiple user groups, such as, screen reader users who are not provided with
any instruction on what the element is in relation to while navigating the page both in and
out of context and voice activation users, who are not given an accessible label to use to
dictate an interaction with the element.