JAWS and NVDA not detecting heading inside legend

[Fenwick17]

Bug Report

What is the issue?

When using an <h#> element within the <legend> as per the 'Fieldset as page heading' pattern Jaws and NVDA will not treat this as a heading, therefore it does not display in the list of headings.

What steps are required to reproduce the issue?

Access any page with a <h#> inside a <legend> with Jaws or NVDA

What was the environment where this issue occurred?

• Device: Laptop
• Operating System: Windows 10
• Browser: Chrome
• Browser version: Latest
• NHS.UK frontend package version: 2.3.1

[Ross-Clark]

I cant replicate this issue with my set up
would like to go through this with you when possible

[NickColley]

Hey folks,

I think we've been made aware of the same issue and will be tackling this in this issue on GOV.UK Frontend: alphagov/govuk-frontend#1605

[chrimesdev]

Thanks @NickColley, @Fenwick17 found it to the be the overflow: hidden; on the fieldset which was causing the problem for us (#542).

When Adam was testing this, he also tested GOVUK frontend and found it not to be an issue with the GOVUK fieldset. It looks like this particular fix was made to GOVUK frontend back in September (alphagov/govuk-frontend#1548).

So I'm not sure if this is a different issue but I'll leave this open for discussion and maybe we can help, Adam may be able to add more info.

[chrimesdev]

We've fixed the original issue raised in release 3.0.0.

Related: alphagov/govuk-frontend#1605 (comment)

I'll close this issue for now.