Difference between revisions of "ARIA Describedby"

From Level Access Web Labs
Jump to navigation Jump to search
(added section headings & example of image link problems in aria-describedby)
Line 1: Line 1:
  
 +
==Image Links==
 +
JAWS currently (16.0.1925) will not announce aria-describedby attributes on image links if aria-describedby is placed on the <code>img</code> element. However, an <code>aria-described</code> placed within the <code>a</code> element will be announced correctly. NVDA will correctly announce the aria-describedby attribute correctly regardless of placement.
 +
 +
===Non-compliant example===
 +
<nowiki>
 +
<p id="description">I wish my description was read by JAWS!</p>
 +
<a href="http://example.com/">
 +
    <img src="/example.jpg" alt="Example Home Page" aria-describedby="description">
 +
</a>
 +
</nowiki>
 +
===Compliant example===
 +
<nowiki>
 +
<p id="description">My description is now read by JAWS!</p>
 +
<a href="http://example.com/" aria-describedby="description">
 +
    <img src="/example.jpg" alt="Example Home Page">
 +
</a>
 +
</nowiki>
 +
 +
 +
 +
==Password==
 
<html>
 
<html>
 
<head>
 
<head>

Revision as of 18:44, 20 April 2015

Image Links

JAWS currently (16.0.1925) will not announce aria-describedby attributes on image links if aria-describedby is placed on the img element. However, an aria-described placed within the a element will be announced correctly. NVDA will correctly announce the aria-describedby attribute correctly regardless of placement.

Non-compliant example

<p id="description">I wish my description was read by JAWS!</p>
<a href="http://example.com/">
    <img src="/example.jpg" alt="Example Home Page" aria-describedby="description">
</a>

Compliant example

<p id="description">My description is now read by JAWS!</p>
<a href="http://example.com/" aria-describedby="description">
    <img src="/example.jpg" alt="Example Home Page">
</a>


Password

ARIA Describedby

Accessibility onDemand SSB BART Group
Must be eight characters
Do you really?