Repository files navigation

A suite of vanilla JavaScript modules for building accessible user interfaces.

All modules support import (i.e. ES Modules) and require (i.e. CommonJS) syntax. When using require on a default export, be sure to include.default. For example,const Switch = require('makeup-switch').default;.

The following modules assist with common accessibility logic (e.g. maintaining a roving tabindex).

• makeup-active-descendant
• makeup-exit-emitter
• makeup-expander
• makeup-focusables
• makeup-key-emitter
• makeup-keyboard-trap
• makeup-modal
• makeup-navigation-emitter
• makeup-next-id
• makeup-prevent-scroll-keys
• makeup-roving-tabindex
• makeup-screenreader-trap
• makeup-typeahead

The following modules create the model and behaviour for "headless" user interface components (i.e. they come with no styles or branding out of the box). They are fully compatible withSkin CSS.

We are currently in the process of converting alleBay MIND Patterns "example quality" code to "reference level" vanilla JavaScript.

• makeup-alert-dialog
• makeup-combobox
• makeup-confirm-dialog
• makeup-dialog (abstract class)
• makeup-dialog-button
• makeup-drawer-dialog (non-responsive)
• makeup-floating-label
• makeup-fullscreen-dialog (non-responsive)
• makeup-input-dialog
• makeup-lightbox-dialog
• makeup-listbox
• makeup-listbox-button
• makeup-menu
• makeup-menu-button
• makeup-panel-dialog
• makeup-snackbar-dialog
• makeup-switch
• makeup-toast-dialog