From 4a0d5e73a053842c3fcd225549635a308e18302c Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar Date: Fri, 22 Apr 2022 16:55:40 +0530 Subject: [PATCH 1/2] IN-18022 Added dummy files --- ej2-vue.html | 4 ++++ ej2-vue/accessibility.md | 47 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 51 insertions(+) create mode 100644 ej2-vue.html create mode 100644 ej2-vue/accessibility.md diff --git a/ej2-vue.html b/ej2-vue.html new file mode 100644 index 000000000..ffbf539e8 --- /dev/null +++ b/ej2-vue.html @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/ej2-vue/accessibility.md b/ej2-vue/accessibility.md new file mode 100644 index 000000000..18e8648c7 --- /dev/null +++ b/ej2-vue/accessibility.md @@ -0,0 +1,47 @@ +--- +layout: post +title: Accessibility in ##Platform_Name## Breadcrumb Component +description: Learn here all about Accessibility in Syncfusion ##Platform_Name## Breadcrumb component of Syncfusion Essential JS 2 and more. +platform: ej2-vue +control: Accessibility +documentation: ug +--- + + +# Accessibility + +The web accessibility makes web content and web applications more accessible for people with disabilities. It especially helps in dynamic content change and development of advanced user interface controls with AJAX, HTML, JavaScript, and related technologies. Breadcrumb provides built-in compliance with `WAI-ARIA` specifications. The `WAI-ARIA` support is achieved using the attributes such as `aria-label`and `aria-disabled`. It helps the people with disabilities by providing information about the widget for assistive technology in the screen readers. Breadcrumb component contains the `breadcrumb` role. + +| Properties | Functionality | +| ------------ | ----------------------- | +| role | Indicates the type of input element. | +| aria-label | Indicates the breadcrumb item text. | +| aria-disabled | Indicates the state of breadcrumb item whether it is disabled. | + +## Keyboard interaction + + + + + + + + + + + + + + +
Keyboard shortcutsActions
+Tab +Navigate to the next item and also next item in the popup of menu type overflow.
+Shift + Tab +Navigate to the previous item also previous item in the popup of menu type overflow.
+Enter key in normal mode + Select the breadcrumb item.
+Enter key in collapsed mode + To open the popup of menu type overflow mode when you press enter on collapsed button and It will expand the items of collapsed type overflow mode when you press enter on collapsed button.
+ + + From daf78105c4e2eb94792758cc5d2ffe0e4a98c413 Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar Date: Fri, 22 Apr 2022 17:12:22 +0530 Subject: [PATCH 2/2] IN-18022 Updated TOC html file name --- ej2-vue.html => ej2-vue-toc.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename ej2-vue.html => ej2-vue-toc.html (100%) diff --git a/ej2-vue.html b/ej2-vue-toc.html similarity index 100% rename from ej2-vue.html rename to ej2-vue-toc.html