How to hide ARIA-LIVE from screen readers but make they will can read content inside?NVDA reads aria-hidden content after dynamic updatehow to make screen readers read entire page when angular changes states?Correct way to mark HTML text as decorative with ARIAMake Screenreader read messages on get-requestHow to make NVDA screen reader read the aria-label?NVDA screen reader is not reading aria-labelledby and aria-describedby in Internet ExplorerPrevent screen reader from reading aria-labelaria-live on textarea not working with JAWSNVDA screen reader aria-live issueARIA role and live attributes confict
Is it better practice to read straight from sheet music rather than memorize it?
How to bake one texture for one mesh with multiple textures blender 2.8
Did Swami Prabhupada reject Advaita?
Lowest total scrabble score
Non-trope happy ending?
250 Floor Tower
Why is so much work done on numerical verification of the Riemann Hypothesis?
What should you do if you miss a job interview (deliberately)?
Creepy dinosaur pc game identification
2.8 Why are collections grayed out? How can I open them?
Intuition of generalized eigenvector.
Yosemite Fire Rings - What to Expect?
Delivering sarcasm
Is there a working SACD iso player for Ubuntu?
What is the evidence for the "tyranny of the majority problem" in a direct democracy context?
Aragorn's "guise" in the Orthanc Stone
Has any country ever had 2 former presidents in jail simultaneously?
Why can Carol Danvers change her suit colours in the first place?
GraphicsGrid with a Label for each Column and Row
Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?
What was the exact wording from Ivanhoe of this advice on how to free yourself from slavery?
Why should universal income be universal?
Freedom of speech and where it applies
Why did the EU agree to delay the Brexit deadline?
How to hide ARIA-LIVE from screen readers but make they will can read content inside?
NVDA reads aria-hidden content after dynamic updatehow to make screen readers read entire page when angular changes states?Correct way to mark HTML text as decorative with ARIAMake Screenreader read messages on get-requestHow to make NVDA screen reader read the aria-label?NVDA screen reader is not reading aria-labelledby and aria-describedby in Internet ExplorerPrevent screen reader from reading aria-labelaria-live on textarea not working with JAWSNVDA screen reader aria-live issueARIA role and live attributes confict
I have on page ARIA-LIVE block like this:
<div
aria-live='polite'
role='log'
aria-relevant='additions'
aria-atomic='false'
style='position: absolute; width: 1px; height: 1px; margin-top: -1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;'>
<div>message</div>
<div>message</div>
</div>
And now, if i using keyboard arrows, screen reader can reach aria-live zone, it is located at the very bottom of the page, and read content which he contain.
Is there a way to hide the aria-alive zone but at the same time make it so that the content in it is still normally read by the reader?
accessibility wai-aria screen-readers nvda
asked Mar 7 at 7:40
bpGusarbpGusar
386
add a comment |
I have on page ARIA-LIVE block like this:
<div
aria-live='polite'
role='log'
aria-relevant='additions'
aria-atomic='false'
style='position: absolute; width: 1px; height: 1px; margin-top: -1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;'>
<div>message</div>
<div>message</div>
</div>
And now, if i using keyboard arrows, screen reader can reach aria-live zone, it is located at the very bottom of the page, and read content which he contain.
Is there a way to hide the aria-alive zone but at the same time make it so that the content in it is still normally read by the reader?
accessibility wai-aria screen-readers nvda
asked Mar 7 at 7:40
bpGusarbpGusar
386
add a comment |
I have on page ARIA-LIVE block like this:
<div
aria-live='polite'
role='log'
aria-relevant='additions'
aria-atomic='false'
style='position: absolute; width: 1px; height: 1px; margin-top: -1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;'>
<div>message</div>
<div>message</div>
</div>
And now, if i using keyboard arrows, screen reader can reach aria-live zone, it is located at the very bottom of the page, and read content which he contain.
Is there a way to hide the aria-alive zone but at the same time make it so that the content in it is still normally read by the reader?
accessibility wai-aria screen-readers nvda
asked Mar 7 at 7:40
bpGusarbpGusar
386
I have on page ARIA-LIVE block like this:
<div
aria-live='polite'
role='log'
aria-relevant='additions'
aria-atomic='false'
style='position: absolute; width: 1px; height: 1px; margin-top: -1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;'>
<div>message</div>
<div>message</div>
</div>
And now, if i using keyboard arrows, screen reader can reach aria-live zone, it is located at the very bottom of the page, and read content which he contain.
Is there a way to hide the aria-alive zone but at the same time make it so that the content in it is still normally read by the reader?
accessibility wai-aria screen-readers nvda
accessibility wai-aria screen-readers nvda
asked Mar 7 at 7:40
bpGusarbpGusar
386
asked Mar 7 at 7:40
bpGusarbpGusar
386
edited Mar 7 at 7:46
bpGusar
asked Mar 7 at 7:40
bpGusarbpGusar
386
asked Mar 7 at 7:40
bpGusarbpGusar
386
asked Mar 7 at 7:40
bpGusarbpGusar
386
386
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
That's kind of like asking how can one apply CSS display:none to an element but still allow the element to be seen.
You can hide elements from a screen reader by specifying aria-hidden="true". If you also have aria-live, then any updates to that element will be hidden from screen readers, essentially negating the purpose of having aria-live.
About the best you can do is associate a label with that region to say "this element is for announcing dynamic updates", or something like that. A screen reader user may find it, but it doesn't hurt anything. They can easily ignore it and move on to the next element.
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038447%2fhow-to-hide-aria-live-from-screen-readers-but-make-they-will-can-read-content-in%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
That's kind of like asking how can one apply CSS display:none to an element but still allow the element to be seen.
You can hide elements from a screen reader by specifying aria-hidden="true". If you also have aria-live, then any updates to that element will be hidden from screen readers, essentially negating the purpose of having aria-live.
About the best you can do is associate a label with that region to say "this element is for announcing dynamic updates", or something like that. A screen reader user may find it, but it doesn't hurt anything. They can easily ignore it and move on to the next element.
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
add a comment |
That's kind of like asking how can one apply CSS display:none to an element but still allow the element to be seen.
You can hide elements from a screen reader by specifying aria-hidden="true". If you also have aria-live, then any updates to that element will be hidden from screen readers, essentially negating the purpose of having aria-live.
About the best you can do is associate a label with that region to say "this element is for announcing dynamic updates", or something like that. A screen reader user may find it, but it doesn't hurt anything. They can easily ignore it and move on to the next element.
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
add a comment |
That's kind of like asking how can one apply CSS display:none to an element but still allow the element to be seen.
You can hide elements from a screen reader by specifying aria-hidden="true". If you also have aria-live, then any updates to that element will be hidden from screen readers, essentially negating the purpose of having aria-live.
About the best you can do is associate a label with that region to say "this element is for announcing dynamic updates", or something like that. A screen reader user may find it, but it doesn't hurt anything. They can easily ignore it and move on to the next element.
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
That's kind of like asking how can one apply CSS display:none to an element but still allow the element to be seen.
You can hide elements from a screen reader by specifying aria-hidden="true". If you also have aria-live, then any updates to that element will be hidden from screen readers, essentially negating the purpose of having aria-live.
About the best you can do is associate a label with that region to say "this element is for announcing dynamic updates", or something like that. A screen reader user may find it, but it doesn't hurt anything. They can easily ignore it and move on to the next element.
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
answered Mar 8 at 22:29
slugoliciousslugolicious
5,91611420
5,91611420
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038447%2fhow-to-hide-aria-live-from-screen-readers-but-make-they-will-can-read-content-in%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
