From 79a373fd13bd0f89e6ce5daa1f3eee37e2a69d6b Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Thu, 29 Dec 2022 16:44:43 +0100 Subject: [PATCH] chore(core): update CHANGELOG.md to include info on A11y Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- packages/core/CHANGELOG.md | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 7827691f..5ac6edb5 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -41,7 +41,7 @@ ### Patch Changes -- [#558](https://github.com/bcakmakoglu/vue-flow/pull/558) [`bac9893`](https://github.com/bcakmakoglu/vue-flow/commit/bac98930da15fe049ab8f1ac65f09dd67e0000fb) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - ⚠️ Deprecate options API utils `addEdge` and `updateEdge`. This utils will be removed soon! +- [#558](https://github.com/bcakmakoglu/vue-flow/pull/558) [`bac9893`](https://github.com/bcakmakoglu/vue-flow/commit/bac98930da15fe049ab8f1ac65f09dd67e0000fb) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - ⚠️ Deprecate options API utils `addEdge` and `updateEdge`. These utils will be removed soon! #### Resolve deprecation warnings @@ -141,6 +141,23 @@ - [#544](https://github.com/bcakmakoglu/vue-flow/pull/544) [`2341b9b`](https://github.com/bcakmakoglu/vue-flow/commit/2341b9bf157aae32415f897b6e8d21c7b24aa139) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Update `EdgeRef` injection type to `SVGElement` +### A11y + +This release brings A11y support to Vue Flow. All nodes and edges can now receive a `focusable` and `ariaLabel` prop, which can be used to enhance A11y experience. You can also enable focusable globally by using `nodesFocusable` or `edgesFocusable`. +Additionally, nodes can be moved using keyboard controls (Arrow-Keys). + + #### Props + + - `disableKeyboardA11y`: Use this prop to disable Keyboard controls on the graph. + - `defaultViewport`: The old `defaultZoom` and `defaultPosition` props have been merged into a single object called `defaultViewport`. + - `nodesFocusable`: Globally enable that nodes can be focused. + - `edgesFocusable`: Globally enable that edges can be focused. + + #### Elements + + - `focusable`: Enable focusing for a single node/edge by setting this option. + - `ariaLabel`: Specify an aria label for a node/edge + ## 1.7.2 ### Patch Changes