UNPKG

@zohodesk/a11y

Version:

In this Package, We Provide Some Basic Components For Accessibility.

176 lines (88 loc) 4.3 kB
# DOT Style Guide In this Package, We Provide Some Basic Components For Accessibility. # 2.3.7 - **focusScopeUtil** - Array length check added to verify whether it's visually hidden or not # 2.3.6 - **focusScopeUtil** - Resolved hidden element detection issue for iframes. # 2.3.5 - **useFocusLoop** - Resolved Enter key action bug occurring when focus starts on a list item. - **focusScopeUtil** - Added skip navigation support for iframes. # 2.3.4 - **index.js** - `SkipNavigation` entry removed from index.js file due to additional package dependency present in the component. # 2.3.3 - **index.js** - `CustomCursor`, `NavigationManager` and `SkipNavigation` entry added in index.js file. # 2.3.2 - **Custom Cursor** - element prop removed due to class rendering issue. # 2.3.1 - **Reading Mask** added in library. # 2.3.0 - **Custom Cursor** added in library. # 2.2.7 - **FocusScopeUtil** - Element check added for eventlistener. # 2.2.6 - `useEvent hook` - The null issue in the function `fn` was resolved because the function had not been properly assigned to the local reference. # 2.2.5 - **FocusScopeUtil** - The `isElementContainedInFocusScope` method has been removed because it's no longer necessary. `applyingListStyle` is no longer combined with `applyFocusStyle`. - **useFocusLoop** - The `applyListStyle` functionality added to the `onEleFocus` method to apply styling when the focused element is a list item. Similarly, `removeListStyle` added to the `onEleBlur` method to remove the style. # 2.2.4 - **useFocusLoop** - Removed unnecessary `isArrowEvent` ref. - **FocusScopeUtil** Added common method `isElementContainedInFocusScope` to check if an element is within the focusScope container. Added an additional check in the `ApplyFocusStyle` method to apply the list style. # 2.2.3 - **useFocusLoop** - Enable list active on pressing tab - fixed. # 2.2.2 - **useFocusLoop** - Enter Action fix - Preventing parent enter action if any list is active. # 2.2.1 - **FocusScopeUtil** - `getLandmarkElements` method - Web app querySelectorAll compound selector issue fix. # 2.2.0 - **NavigationManager** and **SkipNavigation** added. - **FocusScope** `isFocusRingEnabled` changed to `isTabKeyEnabled` List Navigation issue fixes. - **FocusScopeUtil** Common functionality added to detect landmark elements. This function filter out all the valid landmark element. `isFocusRingEnabled` changed to `isTabKeyEnabled` `data-a11y-list`, `data-a11y-focus-main-area` - New attributes added to detect list elements and main focusable areas and elements. # 2.1.2 - **FocusScope** - Enter action prevent default - Text area field issue fix. # 2.1.1 - **FocusScope** - Enter action - Conflict between System focus and visible focus fixed. # 2.1.0 - **FocusScope** Prop names changed - restoreFocus => `needRestoreFocus`, autoFocus => `needAutoFocus`, needArrowLoop => `needListNavigation`, needTabLoop => `needFocusLoop`, enableEnterAction => `needEnterAction` utils - issue fix on `applyFocusStyle`. # 2.0.2 - index.js added in home directory # 2.0.1 - **FocusScope** `mousedown` event listener added for document when file downloads on the app. so that it won't be assigned everytime component re-renders. `defaultProps` and `propTypes` moved as separate file. `useRestoreFocus` - removing focusStyle of previous active element. `useFocusScope` - Removed document onClick from this hook as it assigned everytime focusscope re-renders. # 2.0.0 - **FocusScope** Enhanced list navigation and key navigation. `FetchingNextOptions` on scroll has been done. - **Provider** - A11y common configuration has been created. # 1.3.7 - **FocusScope** `Space` key issue fix. `scroll` fix on focus. # 1.3.6 - # 1.3.4, 1.3.5 - **FocusScope** - Variable initialization on component update fixed. # 1.3.3 - **FocusScope** - Arrow event conflict fix. # 1.1.2 - **FocusScope** Container focus check added. `enableEnterAction` prop added. Enter key action propagation issue fixed. # 1.0.3 - **FocusScope** - Focus scope css varible format updated according to UCL package. # 1.0.2 - **FocusScope** - FocusScope enhancement. # 1.0.1 - **FocusScope** - FocusScope Implemented.