Skip to content

More accessible chart figure #1099

@myasonik

Description

@myasonik

Describe the bug

Charts provide next-to-no information to screen readers.

Expected behavior

Provide a robust structure that can accommodate more chart info being added to it.

Implementation details

Turn <canvas role="img" /> into a more robust representation:

<figure>
	<canvas role="presentation">
		<dl class="visually-hidden" {...ariaProps}>
			<dt>Chart type</dt>
			<dd>{chartType}</dd>
		</dl>
	</canvas>
	<Legend />
</figure>

Metadata

Metadata

Assignees

Labels

:accessibilityAccessibility related issuebugSomething isn't workingreleasedIssue released publicly

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions