Appendix D: Accessibility Support

This appendix is informative, not normative.

D.1. SVG Accessibility Features

This appendix highlights the accessibility features of SVG and accessibility related specifications used to support SVG and the associated W3C Web Content Accessibility Guidelines (WCAG) 2.0 [WCAG2] requirements they are designed to support.

[WCAG2] Create content that can be presented in different ways (for example simpler layout) without losing information or structure: Information and Relationships.

Support for aria-labelledby for label relationships.
Support for aria-describedby for description relationships.
Support for aria-owns for structural relationships.
Support for aria-controls for control relationships where an element controls the content and or behavior of another element.
The ‘g’ for defined groupings.
Support for z-index to control painting order, so the document order can reflect the natural reading order of content.
Support for the WAI-ARIA group and radiogroup roles.

[WCAG2] Time Based Media: Provide alternatives for time-based media.

The ‘audio’ and ‘video’ elements support the HTML ‘track’ element to provide alternatives for time-based media

[WCAG2] Keyboard Accessible: Make all functionality available from the keyboard.

Focus support and the ‘tabindex’ attribute for sequential focus navigation aligned with HTML
Keyboard Event attribute support along with Mouse Event support for script authors
Keyboard Events for script authors
Script support for setting focus on each SVG Element in the DOM
Script support for acquiring the tabindex attribute on each SVG Element in the DOM
Script support for the HTML activeElement property in the Document interface

[WCAG2] Navigable: Provide ways to help users navigate, find content, and determine where they are.

To enable bypassing of blocks of content SVG supports the: WAI-ARIA landmark roles.
Supports ‘title’ to provide page titles.
Supports ‘tabindex’ to provide a sequential focus navigation order.
Supports the ‘a’ element, enabling authors to supply the link purpose both from its content.
Supports headings and labels through the use of the heading role with aria-level, aria-labelledby and aria-label.
Support visible focus by rendering visible focus on focused elements in the tab order.

[WCAG2] Readable: Make text content readable and understandable.

Supports the language of the page as well as its parts through the ‘lang’ attribute.

[WCAG2] Compatible: Maximize compatibility with current and future user agents, including assistive technologies.

Supports Name, Role, and Value through the use of WAI-ARIA attributes and the ‘title’ element.

WAI-ARIA Support and text alternatives

D.2. Supporting SVG Accessibility Specifications and Guidelines

This section enumerates the SVG accessibility-related specifications and authoring guidelines.

Related SVG Accessibility Specifications for User Agents

The SVG Accessibility API Mappings [SVG-AAM] specification.
The Core Accessibility API Mappings 1.1 [CORE-AAM]specification.
The Accessible Name and Description: Computation and API Mappings 1.1 [ACCNAME-AAM] specification.

Related Specifications for Content Authors