Closed egordidenko closed 2 weeks ago
This update includes several significant changes to improve accessibility, localization, and user interface components across the codebase. Notable adjustments include implementing accessibility features for various elements, enhancing button interactions, updating the localization keys for several languages, and refining styles and templates for user interfaces to improve functionality and user experience.
Files | Change Summary |
---|---|
.stylelintrc.cjs |
Removed configuration setting appName: 'lr' for the plugin/stylelint-force-app-name-prefix plugin. |
abstract/Block.js |
Introduced A11y import and added conditional checks to instantiate A11y within the Block class if it does not exist. |
abstract/a11y.js |
Introduced a new file with the A11y class to manage accessibility features using keyux . |
blocks/CloudImageEditor/src/EditorButtonControl.js |
Changed to set the tabIndex attribute of the first child element to 0 and wrapped content in a <button> element. |
blocks/CloudImageEditor/src/EditorFilterControl.js |
Updated template to wrap its content inside a <button> element. |
blocks/CloudImageEditor/src/EditorToolbar.js |
Added attributes like aria-role , aria-controls , and role in renderTabToggle and renderTabContent functions. |
blocks/CloudImageEditor/src/css/buttons.css |
Introduced styling changes for buttons. |
blocks/CloudImageEditor/src/css/common.css |
Added buttons.css import and modified various button controls and icon positioning styles. |
blocks/CloudImageEditor/src/elements/button/LrBtnUi.js |
Added aria-role and aria-controls properties, modified active accessor behavior, and updated template to use <button> . |
blocks/DropArea/DropArea.js |
Updated _onAreaClicked method to handle click and keydown events, added keydown event listener, and removal in destroy method. |
blocks/FileItem/FileItem.js |
Added localization attributes (l10n ) to buttons for editing and removing files. |
blocks/FileItem/file-item.css |
Set pointer-events to none for svg elements within buttons. |
blocks/Select/Select.js |
Removed the button element, displaying only a select dropdown element. |
blocks/Select/select.css |
Updated styles to reflect changes in the Select class. |
blocks/SourceBtn/SourceBtn.js |
Updated template to wrap content inside a <button> element. |
blocks/SourceBtn/source-btn.css |
Applied styles to the button element within the lr-source-btn class. |
demo/cloud-image-editor.html , demo/raw-inline.html , demo/... |
Added import statements for the keyux module. |
locales/file-uploader/ar.js , locales/file-uploader/az.js , ... |
Added new localization keys for file item edit and remove buttons in various languages. |
In code's vast and shifting sea,
We add accessibility, accessibility, and glee,
Buttons now with tabs refined,
Localization, enhancements combined,
A rabbit cheers with joyful zest,
For code that's clear, and at its best! 🐰✨
Description
Checklist
Summary by CodeRabbit
New Features
CloudImageEditor
andDropArea
components.Enhancements
CloudImageEditor
button controls to improve accessibility and user interaction.Bug Fixes
DropArea
component to better distinguish between keydown and click events.