RE: Agenda May 1 SVG Accessibility TF

From: Fred Esch [mailto:fesch@us.ibm.com] 
Sent: 29 April 2015 16:41
<SNIP>

I have a web page (tool) that lets you upload a SVG and it shows the
structure of the SVG as a SVG tree or alternatively a HTML tree.  The SVG
tree shows the markup (role, desc, title) as part of displaying the tree. I
am working with Jason White on getting the HTML tree usable for those who
can't see the SVG tree. 



Thanks Fred. Had a look at the tool…

 

You don’t need role=”application” on the <div> containing the HTML tree
view:

 

<div id="svgContainer2"" role=”application”></div>

 

The tree role on the subsequent <ul> should trigger applications mode
automatically:

 

<ul id="svgTreeUl" aria-labeledby="svgRootLabel" role="tree" class="tree
root-level"></ul>

 

With the application role removed the tool works with Jaws and NVDA in
Firefox, and VoiceOver in Safari. VO treats the tree as a collapsible table,
but otherwise the interaction remains the same.

 

It does not work in IE with either NVDA or Jaws. It works with both screen
readers in Chrome to the extent that the tree structure is announced, but
not the actual content. Note that Jaws does not officially support Chrome
though.

 

Note that the OAA tree example does not work with these browser/screen
reader combinations either [1].

 

The readme says the purpose of this tool is to evaluate SVG markup. Based on
my exploration so far, it appears to simulate the behaviour of inspection
tools like Firebug. Is that right, or am I missing something?

 

Léonie.

 

 

-- 

Léonie Watson Senior accessibility engineer, TPG

@LeonieWatson @PacielloGroup PacielloGroup.com