Accessibility in Blazor Diagram Component

7 Jul 20221 minute to read

Diagram provides built-in compliance with the WAI-ARIA specifications. WAI-ARIA Accessibility supports are achieved through the attributes like aria-label. It helps to provides information about elements in a document for assistive technology.

Aria-label: Attribute provides the text label with some default description for below elements in diagram.

Element	Default description
ResizeNorthWest	Thumb to resize the selected object on the top-left corner.
ResizeNorthEast	Thumb to resize the selected object on the top-right side direction.
ResizeSouthWest	Thumb to resize the selected object on the bottom-left side direction.
ResizeSouthEast	Thumb to resize the selected object on the bottom-right side direction.
ResizeNorth	Thumb to resize the selected object on the top side direction.
ResizeSouth	Thumb to resize the selected object on the bottom side direction.
ResizeWest	Thumb to resize the selected object on the left side direction.
ResizeEast	Thumb to resize the selected object on the right side direction.
ConnectorSourceThumb	Thumb to move the source point of the connector.
ConnectorTargetThumb	Thumb to move the target point of the connector.
RotateThumb	Thumb to rotate the selected object.