Closed
Bug 1369826
Opened 7 years ago
Closed 6 years ago
NVDA reads the content skipping the aria-label of parent div.
Categories
(Core :: Disability Access APIs, defect)
Tracking
()
RESOLVED
INCOMPLETE
People
(Reporter: hardik.smartguy, Unassigned, NeedInfo)
References
(Blocks 1 open bug)
Details
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36
Steps to reproduce:
This is issue found with NVDA 2017.1 with FireFox 53 version.
I tried below program using the NVDA reader to see the announcements done by the aria-live for the parent DIV in below code having the id=change. The content flips for the below DIV when user clicks on the <a> link and javascript function will flip the content for aria-label of parent Div, Button label of child button, and Content for the child div.
<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function changeAriaLabel() {
var ariaLabel = $('#change').attr('aria-label');
var buttonLabel = $('#change button').text();
var label = $('#change .wrapper').text();
if(ariaLabel == 'HelloAria') {
$('#change').attr('aria-label', 'WelcomeAria');
$('#change button').text('WelcomeButton');
$('#change .wrapper').text('WelcomeContent');
} else {
$('#change').attr('aria-label', 'HelloAria');
$('#change button').text('HelloButton');
$('#change .wrapper').text('HelloContent');
}
}
</script>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<a href="#" onclick=javascript:changeAriaLabel();>Click me</a>
<div id="change" role="button" aria-label="HelloAria" tabindex="0" aria-live="assertive">
<button type="button" tabindex="-1" aria-hidden="true">HelloButton</button>
<div class="wrapper">HelloContent</div>
</div>
</body>
</html>
Actual results:
On clicking first time on the <a> link, the reader read the aria-live announcements as
WelcomeContent
WelcomeButton
WelcomeAria
Expected results:
Expected result is:
WelcomeAria
It should skip the content for inner childs, as the parent <div> already have the aria-label so it should not read the inner child values.
This works fine on other readers, NVDA + IE, ChromeVox + Chrome and Safari + Voice Over.
|
||
Updated•7 years ago
|
Component: Untriaged → Disability Access APIs
Product: Firefox → Core
|
||
Comment 1•7 years ago
|
||
Not sure what to do with this, or what the correct behaviour even should be. Just flagging it as an ARIA bug for now. Steve, any idea/input about this?
Blocks: aria
Flags: needinfo?(faulkner.steve)
|
||
Comment 2•7 years ago
|
||
Marco, will take a look.
|
||
Comment 3•6 years ago
|
||
2019-03-06
This bug is part of a group of bugs which have had an open needinfo for at least 12 weeks.
The request for information has not been answered, and we can't move forward on the bug so we are closing it.
If the defect is still present, please reopen this bug with an updated report.
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Resolution: --- → INCOMPLETE
You need to log in
before you can comment on or make changes to this bug.
Description
•