A Mendix Pluggable Widget usable as a container with extra options for accessibility features.
aria-labelto summarise the content.aria-descriptionto provide a detailed description of the content.aria-disabledfor containers acting as a 'fake' button.roleto allow screen readers to determine the functionality of the element.aria-hiddenis automatically added to all children elements.
- Add the widget
.mpkto your project'swidgetsfolder. - Synchronize app directory (F4).
- Drag the widget onto pages from the toolbox.
- Install NPM package dependencies by using:
npm install. If you use NPM v7.x.x, which can be checked by executingnpm -v, execute:npm install --legacy-peer-deps. - Run
npm startto watch for code changes. On every change:- the widget will be bundled;
- the bundle will be included in a
distfolder in the root directory of the project; - the bundle will be included in the
deploymentandwidgetsfolder of the Mendix test project.