Issue ID: DAC_Unlabelled_Form_Element6

[VDuczekW]

Report Link: https://drive.google.com/file/d/1-Yx0gveHCcSilWDyksLNjZ0VQ4h4KTWs/view?usp=sharing

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

[bryophyta]

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_Element6
URL: https://www.theguardian.com/uk
Page title: News, sport and opinion from the Guardian's UK edition | The Guardian
Journey: 1.1
Screenshot:

When traversing the navigation menu in a magnified state, it produces a button that is used
as show more navigation options. However, when encountered with assistive technology
this button appears to be unlabelled. Although there seems to be a label present within the
code, this seems to be interfered with when the page is in a magnified state.
Upon further investigation there seems to be instances of pseudo buttons created within
the <button> element. The <span> containing the magnified state of the button does not
contain any descriptive text. This descriptive text can be included and hidden using the
already present ‘u-h’ class.