alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(a11y): cleanup config keys

Browse Source
This commit is contained in:
moklick
2025-06-03 22:08:04 +02:00
parent 691dd7bf77
commit 406c09aeff
7 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
examples/react/src/examples/A11y/index.tsx
View File

@@ -47,13 +47,13 @@ const initialEdges: Edge[] = [
const ariaLabelConfig: Partial<AriaLabelConfig> = {
'node.a11yDescription.default': 'Custom Node Desc.',
'node.a11yDescription.keyboardDisabled': 'Custom Keyboard Desc.',
'edge.a11yDescription.default': 'Custom Edge Desc.',
'a11yDescription.ariaLiveMessage': ({ direction, x, y }) =>
'node.a11yDescription.ariaLiveMessage': ({ direction, x, y }) =>
`Custom Moved selected node ${direction}. New position, x: ${x}, y: ${y}`,
'edge.a11yDescription.default': 'Custom Edge Desc.',
'controls.ariaLabel': 'Custom Controls Aria Label',
'controls.zoomin.ariaLabel': 'Custom Zoom in',
'controls.zoomout.ariaLabel': 'Custom Zoom Out',
// 'controls.fitview.ariaLabel': 'Custom Fit View',
'controls.zoomIn.ariaLabel': 'Custom Zoom in',
'controls.zoomOut.ariaLabel': 'Custom Zoom Out',
'controls.fitView.ariaLabel': 'Custom Fit View',
'controls.interactive.ariaLabel': 'Custom Toggle Interactivity',
'minimap.ariaLabel': 'Custom Aria Label',
};

10
examples/svelte/src/routes/examples/a11y/+page.svelte
View File

@@ -28,13 +28,13 @@
ariaLabelConfig={{
'node.a11yDescription.default': 'Svelte Custom Node Desc.',
'node.a11yDescription.keyboardDisabled': 'Svelte Custom Keyboard Desc.',
'edge.a11yDescription.default': 'Svelte Custom Edge Desc.',
'a11yDescription.ariaLiveMessage': ({ direction, x, y }) =>
'node.a11yDescription.ariaLiveMessage': ({ direction, x, y }) =>
`Custom Moved selected node ${direction}. New position, x: ${x}, y: ${y}`,
'edge.a11yDescription.default': 'Svelte Custom Edge Desc.',
'controls.ariaLabel': 'Svelte Custom Control Aria Label',
'controls.zoomin.ariaLabel': 'Svelte Custom Zoom in',
'controls.zoomout.ariaLabel': 'Svelte Custom Zoom Out',
// 'controls.fitview.ariaLabel': 'Svelte Custom Fit View',
'controls.zoomIn.ariaLabel': 'Svelte Custom Zoom in',
'controls.zoomOut.ariaLabel': 'Svelte Custom Zoom Out',
// 'controls.fitView.ariaLabel': 'Svelte Custom Fit View',
'controls.interactive.ariaLabel': 'Svelte Custom Toggle Interactivity',
'minimap.ariaLabel': 'Svelte Custom Minimap'
}}