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 W3CWCAG 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.

How to make Forms with error validation Accessible

How to make Tabs and Collapse Accessible

How to make Modal Accessible

How to make lightBox Accessible

How to make Carousel Accessible

How to make Slider Images Accessible

How to make Navigation Menu Accessible

How to use Font Size and Color Contrast tool for Accessibility

How to use Accessibe captcha