Mada’s Widgets

User Interface

The UI web component is a library covers a wide range of accessible web component ready to use by Web Developer and UX/UI Designers, using this library will make content for your website more accessible to a wider range of people with disabilities, including blind and low vision, deaf and hearing loss, limited movement, speech disabilities, photo sensitivity, learning disabilities and cognitive limitations, and combinations of these.

These components also contain a guidance of how to make your web component usable and accessible following best practice W3C, WCAG 2.2, and it’s comply with the accessibility of web content on desktops, laptops, tablets, and mobile devices.

Bootstrap 4 is the framework used to build these web components and make it accessible, you also free to build your own component and make it accessible by following the instructions and roles.

Guide to Integrating an Accessible reCAPTCHA (WCAG 2.2)

Guide to Building an Accessible Carousel Widget (WCAG 2.2)

Guide to Building an Accessible Website Form with Error Validation (WCAG 2.2)

Guide to Building an Accessible Website Menu (WCAG 2.2)

Guide to Building an Accessible Modal Dialog Widget (WCAG 2.2)

Guide to Building an Accessible Web Component Tabs Widget (WCAG 2.2)