[html-aam] Tests needed for svg > title when placed inside interactive elements

[yuheiy]

We need tests for cases where svg > title is placed within interactive elements.

According to the specification, when an svg element with a title element is placed within an interactive element, the content of the title element should become the Accessible Name of the interactive element. However, this is not working correctly in Safari.

Here are examples demonstrating the issue:

<p>Inside an <code>a</code> element:</p>

<a href="#">
  <svg width="50" height="50">
    <title>red square</title>
    <rect width="50" height="50" fill="#cc0000" />
  </svg>
</a>

<p>Inside a <code>button</code> element:</p>

<button type="button">
  <svg width="50" height="50">
    <title>red square</title>
    <rect width="50" height="50" fill="#cc0000" />
  </svg>
</button>

Can someone help create a pull request with appropriate test cases for the html-aam specification to cover these scenarios? The tests should verify that the title element's content becomes the accessible name of the parent interactive element.

cc @cookiecrook @scottaohara @sideshowbarker

[cookiecrook]

@zcorpan will you move this issue to https://github.com/web-platform-tests/interop-accessibility/

[cookiecrook]

Related to web-platform-tests/interop-accessibility#84