WebAIM - Web Accessibility In Mind

E-mail List Archives

Screen reader behaviour > tabindex=-1

for

From: Fernand van Olphen
Date: Dec 15, 2017 3:01AM

Hi everyone,

I have a question about screen reader behaviour.

Below are two examples of <div's> that are programmatically focusable.

Example 1:

<div role="region" aria-labelledby="heading" tabindex="-1">
<h1 id="heading">Heading </h1>
</div>

Example 2:

<div tabindex="-1">
<h1> Heading</h1>
</div>


The first example uses aria-labelledby.
The second example doesn't.

My question:
In example 1 a screen reader will automatically start reading the heading, once the <div> is focused,
In example 2, once the <div> is focused, will a screen reader automatically start reading what's inside the div?



Regards,

Fernand van Olphen
Accessibility Advisor
Municipality of The Hague,
www.denhaag.nl



De disclaimer van toepassing op e-mail van de gemeente Den Haag vindt u op: http://www.denhaag.nl/disclaimer