Fluentui: Narrator sometimes stops on invisible element on DetailsList header
Go to https://developer.microsoft.com/en-us/fabric#/controls/web/detailslist
Export to CodePen
In scan mode, navigate through the DetailsList's header.
Narrator stops on something:
Looking with Inspect, I suspect it stops on the label used for sorting, though I'm not sure since I can't repro on the official website directly, and the DOM is identical to the codepen one at first glance.
cnamal
All 8 comments
Hi @cnamal! Thanks for filing this issue! I can confirm that this is indeed happening. I'll check if we can do something about it or if it is a Narrator issue, as scan mode's inherent function is to break out of author's intent when it comes to navigation and dictation.
khmakoto
on 3 Jul 2019
_I think_ @natalieethell recently investigated something similar with DetailsList
KevinTCoughlin
on 3 Jul 2019
Ah yes, this is because of the label elements. I recently added aria-hidden to the checkbox header label here: https://github.com/OfficeDev/office-ui-fabric-react/pull/9504. We could probably do the same thing for the other header labels!
natalieethell
on 3 Jul 2019
Sounds good @natalieethell, I'll try a similar approach here. Thanks!
khmakoto
on 3 Jul 2019
Hi @cnamal this behavior is no longer reproducing for me. Is it still reproducing for you?
khmakoto
on 13 Nov 2019
@khmakoto it is 馃槬
cnamal
on 13 Nov 2019
@cnamal could you tell me what browser are you using?
khmakoto
on 13 Nov 2019
On Edge (legacy, not chromium)
Win version: 1909
Edge:
Microsoft Edge 44.18362.387.0
Microsoft EdgeHTML 18.18363
cnamal
on 14 Nov 2019
Related issues
prashkan
路
3Comments
satbai
路
3Comments
nekoya
路
3Comments
luisrudge
路
3Comments
holysnake91
路
3Comments
Most helpful comment
Ah yes, this is because of the label elements. I recently added aria-hidden to the checkbox header label here: https://github.com/OfficeDev/office-ui-fabric-react/pull/9504. We could probably do the same thing for the other header labels!