+ Press enter or space to select a node.
+ {#if !store.disableKeyboardA11y}
+ You can then use the arrow keys to move the node around.
+ {/if}
+ Press delete to remove it and escape to cancel.{' '}
+
+
+ Press enter or space to select an edge. You can then press delete to remove it or escape to
+ cancel.
+
+
+{#if !store.disableKeyboardA11y}
+
+ {store.ariaLiveMessage}
+
+{/if}
diff --git a/packages/svelte/src/lib/components/A11yDescriptions/index.ts b/packages/svelte/src/lib/components/A11yDescriptions/index.ts
new file mode 100644
index 00000000..af58b941
--- /dev/null
+++ b/packages/svelte/src/lib/components/A11yDescriptions/index.ts
@@ -0,0 +1,5 @@
+export { default as A11yDescriptions } from './A11yDescriptions.svelte';
+
+export const ARIA_NODE_DESC_KEY = 'svelte-flow__node-desc';
+export const ARIA_EDGE_DESC_KEY = 'svelte-flow__edge-desc';
+export const ARIA_LIVE_MESSAGE = 'svelte-flow__aria-live';
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index c59729ec..c1c988fd 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -7,6 +7,7 @@
import type { Node, EdgeLayouted, Edge, EdgeEvents } from '$lib/types';
import type { SvelteFlowStore } from '$lib/store/types';
+ import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
const {
edge,
@@ -104,7 +105,6 @@
};
-
{#if !hidden}