This is a test page to test SVG images

Particularly with Safari which has some interesting bugs in the last two sets of use cases.

Tests below are for Safari 11.4 on BigSur 14.1.1, and iOS 14.6, Safari 14.1.

Apparently Catalina has more issues.

External SVGs - all seems to work as intended

External src, alt

1.1 This is alt text

External src, alt, role="img"

1.2 This is alt text

External src, aria-label

External src, aria-label, role="img"

Inline Data Src SVGs - all seems to work as intended (same as above)

Inline data src, alt

2.1 This is alt text

Inline data src, alt, role="img"

2.2 This is alt text

Inline data src, aria-label

Inline data src, aria-label, role="img"

External SVGs with title element - this is where it gets interesting as first and third tests fail

External src with title, alt (announced as Group in MacOS and not display in image rotor, ignored in iOS)

3.1 This is alt text

External src with title, alt, role="img"

3.2 This is alt text

External src with title, aria-label (announced as Group in MacOS and not displayed in image rotor, ignored in iOS)

External src with title, aria-label, role="img"

Inline data SVGs with title element - this is where it gets interesting as first and third tests fail (same as above)

Inline data src with title, alt (announced as Group in MacOS and not displayed in image rotor, ignored in iOS)

4.1 This is alt text

Inline data src with title, alt, role="img"

4.2 This is alt text

Inline data src with title, aria-label (announced as Group in MacOS and not displayed in image rotor, ignored in iOS)

Inline data src with title, aria-label, role="img"