MSHTML: Hidden content inside button elements incorrectly rendered in browse mode #3776

nvaccessAuto · 2014-01-13T20:50:42Z

Reported by dhezl on 2014-01-13 20:50
<button> elements that contain multiple nested <div> elements for purposes of managing display state fail when read by NVDA, resulting in all button states being read in sequence. Use of display:none and aria-hidden="true" within the nested elements, while functioning properly in all other tested AT (JAWS, VoiceOver, ChromeVox), is ignored by NVDA.

Please add support for these tags on content nested within <button> elements and other form inputs to be more inline with other AT and prevent necessitation of multiple event handlers for what should be possible to accomplish with a single page element.

Thank you!

Blocking #4250

The text was updated successfully, but these errors were encountered:

nvaccessAuto · 2014-01-13T20:50:59Z

Attachment log01132014.txt added by dhezl on 2014-01-13 20:50
Description:
NVDA log file

nvaccessAuto · 2014-01-13T22:51:06Z

Comment 2 by jteh on 2014-01-13 22:51
I'm unclear as to exactly what you're referring to. Please provide a simple test case, the behaviour you are seeing and the behaviour you expect. Please also specify what browser(s) you are testing with. Thanks.

nvaccessAuto · 2014-01-13T23:09:48Z

Comment 3 by dhezl on 2014-01-13 23:09
Of course!

The simplest case is as in the following:

<button>
    <div style="display: none" aria-hidden="true">STATE 1</div>
    <div style="display: block" aria-hidden="false">STATE 2</div>
</button>

In the above example, only "STATE 2" visibly shows on the page. Other AT tested will only read the second state in the above example. However, NVDA will read the following:

Button STATE 1
Button STATE 2

This was tested in IE8, IE9, IE10, IE11, and Chrome on Windows 7.

Thanks for the fast reply! Really appreciate what you guys are doing here.

nvaccessAuto · 2014-01-13T23:19:56Z

Comment 4 by jteh on 2014-01-13 23:19
I can't reproduce this in either Firefox nightly or Chrome Canary. NVDA only reads the STATE 2 portion.

I can confirm it in IE 11, which is very odd.

nvaccessAuto · 2014-01-13T23:26:42Z

Comment 5 by jteh on 2014-01-13 23:26
We're using the name of the button as reported by Internet Explorer's accessibility implementation. Unfortunately, it seems that IE doesn't bother to remove hidden content in this case, so we'll need yet another hacky work around.

nvaccessAuto · 2014-07-08T23:39:44Z

Comment 7 by jteh on 2014-07-08 23:39
Changes:
Changed title from "Buttons with multiple states not supported" to "MSHTML: Hidden content inside button elements incorrectly rendered in browse mode"

nvaccessAuto · 2015-01-22T23:52:16Z

Comment 8 by Michael Curran <mick@... on 2015-01-22 23:52
In [19c7b38]:

Merge branch 't3776' into next. Incubates #3776

Changes:
Added labels: incubating

nvaccessAuto · 2015-02-05T00:23:09Z

Comment 9 by Michael Curran <mick@... on 2015-02-05 00:23
In [6533c6b]:

Merge branch 't3776'. Fixes #3776

Changes:
Removed labels: incubating
State: closed

nvaccessAuto · 2015-02-05T00:24:12Z

Comment 10 by mdcurran on 2015-02-05 00:24
Changes:
Milestone changed from None to 2015.1

OZZlE · 2022-01-31T12:02:16Z

it's still doesn't work

html:

<html lang="en">
    <button class="my-button">
        <div class="sr-only">
            <span class="en">
                Open
            </span>
            <span class="sv">
                Öppna
            </span>
        </div>
    </button>

scss

.my-button span {
    display: none;
}

:lang(en) {
    .my-button .en {
        display: block;
    }
}
:lang(sv) {
    .my-button .sv {
        display: block;
    }
}

All text is read instead of the current language even in Chrome

nvaccessAuto added bug feature/browse-mode labels Nov 10, 2015

nvaccessAuto added this to the 2015.1 milestone Nov 10, 2015

nvaccessAuto closed this Nov 10, 2015

nvaccessAuto mentioned this issue Nov 10, 2015

Nvda and read visibility hidden or display none in html. #4250

Closed

nvaccessAuto mentioned this issue Nov 10, 2015

MSHTML: inappropriate content is rendered for nodes with visibility:hidden #4839

Closed

michaelDCurran added a commit that referenced this issue Nov 23, 2015

Merge branch 't3776'. Fixes #3776

6533c6b

michaelDCurran added a commit that referenced this issue Nov 23, 2015

Mention fixes for #4839 and #3776 in changes.t2t

3f9c526

smashuu mentioned this issue Jun 9, 2016

IE11+NVDA reads text hidden with display:none inside form labels #6058

Open

nvaccess / nvda Public

MSHTML: Hidden content inside button elements incorrectly rendered in browse mode #3776

MSHTML: Hidden content inside button elements incorrectly rendered in browse mode #3776

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jul 8, 2014

nvaccessAuto commented Jan 22, 2015

nvaccessAuto commented Feb 5, 2015

nvaccessAuto commented Feb 5, 2015

OZZlE commented Jan 31, 2022 •

edited

nvaccess / nvda Public

MSHTML: Hidden content inside button elements incorrectly rendered in browse mode #3776

MSHTML: Hidden content inside button elements incorrectly rendered in browse mode #3776

Comments

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jan 13, 2014

nvaccessAuto commented Jul 8, 2014

nvaccessAuto commented Jan 22, 2015

nvaccessAuto commented Feb 5, 2015

nvaccessAuto commented Feb 5, 2015

OZZlE commented Jan 31, 2022 • edited

OZZlE commented Jan 31, 2022 •

edited