Bug 127292 – AX: SVG <desc> element not presented by screen reader

• Component: Accessibility
• Status: RESOLVED DUPLICATE

[Dirk Schulze]

Created attachment 221660 [details]
Example

<svg xmlns="http://www.w3.org/2000/svg">
	<desc>A black circle.</desc>
	<circle cx="50" cy="50" r="50"/>
</svg>

The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.

SVGDescElement has a method called description() that can be used.

Chris, James: What is the preferred way for AX to read the description?

[Radar WebKit Bug Importer]

<rdar://problem/15858877>

[chris fleizach]

(In reply to comment #0)
> Created an attachment (id=221660) [details]
> Example
> 
> <svg xmlns="http://www.w3.org/2000/svg">
>     <desc>A black circle.</desc>
>     <circle cx="50" cy="50" r="50"/>
> </svg>
> 
> The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.
> 
> SVGDescElement has a method called description() that can be used.
> 
> Chris, James: What is the preferred way for AX to read the description?

I think this would probably end up being exposed in the accessibilityDescription() method (on the mac it would be AXDescription)

[Dirk Schulze]

(In reply to comment #2)
> (In reply to comment #0)
> > Created an attachment (id=221660) [details] [details]
> > Example
> > 
> > <svg xmlns="http://www.w3.org/2000/svg">
> >     <desc>A black circle.</desc>
> >     <circle cx="50" cy="50" r="50"/>
> > </svg>
> > 
> > The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.
> > 
> > SVGDescElement has a method called description() that can be used.
> > 
> > Chris, James: What is the preferred way for AX to read the description?
> 
> I think this would probably end up being exposed in the accessibilityDescription() method (on the mac it would be AXDescription)

Hm, there is a AXDescriptionList object that I could find. Do you mean

String AccessibilityNodeObject::accessibilityDescription() const

?

This one is currently using the title element instead of the desc element. This probably should not be the case.

The title attribute is more similar to the title attribute on <a> link tag I assume. Should it be relinked?

[chris fleizach]

(In reply to comment #3)
> (In reply to comment #2)
> > (In reply to comment #0)
> > > Created an attachment (id=221660) [details] [details] [details]
> > > Example
> > > 
> > > <svg xmlns="http://www.w3.org/2000/svg">
> > >     <desc>A black circle.</desc>
> > >     <circle cx="50" cy="50" r="50"/>
> > > </svg>
> > > 
> > > The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.
> > > 
> > > SVGDescElement has a method called description() that can be used.
> > > 
> > > Chris, James: What is the preferred way for AX to read the description?
> > 
> > I think this would probably end up being exposed in the accessibilityDescription() method (on the mac it would be AXDescription)
> 
> Hm, there is a AXDescriptionList object that I could find. Do you mean
> 
> String AccessibilityNodeObject::accessibilityDescription() const
> 
> ?
> 
> This one is currently using the title element instead of the desc element. This probably should not be the case.
> 
> The title attribute is more similar to the title attribute on <a> link tag I assume. Should it be relinked?

In that case it sounds like <title> should go to helpText() and <desc> should go to accessibilityDescription

[Dirk Schulze]

(In reply to comment #4)
> (In reply to comment #3)
> > (In reply to comment #2)
> > > (In reply to comment #0)
> > > > Created an attachment (id=221660) [details] [details] [details] [details]
> > > > Example
> > > > 
> > > > <svg xmlns="http://www.w3.org/2000/svg">
> > > >     <desc>A black circle.</desc>
> > > >     <circle cx="50" cy="50" r="50"/>
> > > > </svg>
> > > > 
> > > > The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.
> > > > 
> > > > SVGDescElement has a method called description() that can be used.
> > > > 
> > > > Chris, James: What is the preferred way for AX to read the description?
> > > 
> > > I think this would probably end up being exposed in the accessibilityDescription() method (on the mac it would be AXDescription)
> > 
> > Hm, there is a AXDescriptionList object that I could find. Do you mean
> > 
> > String AccessibilityNodeObject::accessibilityDescription() const
> > 
> > ?
> > 
> > This one is currently using the title element instead of the desc element. This probably should not be the case.
> > 
> > The title attribute is more similar to the title attribute on <a> link tag I assume. Should it be relinked?
> 
> In that case it sounds like <title> should go to helpText() and <desc> should go to accessibilityDescription


Just to confirm... helpText() would still be read by the screen reader?

So:

<svg>
    <title>Title</title>
    <desc>A long description</desc>
</svg>

would result in reading both, the title and the description as it should be done for the example above?

[chris fleizach]

(In reply to comment #5)
> (In reply to comment #4)
> > (In reply to comment #3)
> > > (In reply to comment #2)
> > > > (In reply to comment #0)
> > > > > Created an attachment (id=221660) [details] [details] [details] [details] [details]
> > > > > Example
> > > > > 
> > > > > <svg xmlns="http://www.w3.org/2000/svg">
> > > > >     <desc>A black circle.</desc>
> > > > >     <circle cx="50" cy="50" r="50"/>
> > > > > </svg>
> > > > > 
> > > > > The desc element in the example above is ignored. SVGElement has a method called title() for scanning for <title> elements.
> > > > > 
> > > > > SVGDescElement has a method called description() that can be used.
> > > > > 
> > > > > Chris, James: What is the preferred way for AX to read the description?
> > > > 
> > > > I think this would probably end up being exposed in the accessibilityDescription() method (on the mac it would be AXDescription)
> > > 
> > > Hm, there is a AXDescriptionList object that I could find. Do you mean
> > > 
> > > String AccessibilityNodeObject::accessibilityDescription() const
> > > 
> > > ?
> > > 
> > > This one is currently using the title element instead of the desc element. This probably should not be the case.
> > > 
> > > The title attribute is more similar to the title attribute on <a> link tag I assume. Should it be relinked?
> > 
> > In that case it sounds like <title> should go to helpText() and <desc> should go to accessibilityDescription
> 
> 
> Just to confirm... helpText() would still be read by the screen reader?
> 
> So:
> 
> <svg>
>     <title>Title</title>
>     <desc>A long description</desc>
> </svg>
> 
> would result in reading both, the title and the description as it should be done for the example above?

Yes. Generally, the user would hear "A long description" immediately and then followed by a pause and hear "Title" if we follow these guidelines we're talking about

It would be similar to

<a href="#" aria-label="LABEL" title="TITLE">

You'd hear "LABEL" pause "TITLE"

[Dirk Schulze]

> > <svg>
> >     <title>Title</title>
> >     <desc>A long description</desc>
> > </svg>
> > 
> > would result in reading both, the title and the description as it should be done for the example above?
> 
> Yes. Generally, the user would hear "A long description" immediately and then followed by a pause and hear "Title" if we follow these guidelines we're talking about
> 
> It would be similar to
> 
> <a href="#" aria-label="LABEL" title="TITLE">
> 
> You'd hear "LABEL" pause "TITLE"

Good that I asked again. I don't think that the order is correct: http://www.w3.org/TR/2000/NOTE-SVG-access-20000807/#Structured

Should be first title then description. title is like a header or naming. Is there anything else that matches the description?

http://blog.paciellogroup.com/2013/12/using-aria-enhance-svg-accessibility/

Suggests

title = accessible name
desc = accessible description

[James Craig]

Isn't this a dupe of bug 54357?

*** This bug has been marked as a duplicate of bug 54357 ***