Mada’s Widgets

User Interface

The UI web component library provides a wide range of accessible, ready-to-use components for web developers and UX/UI designers. Using this library helps make website content accessible to a broader range of users, including individuals who are blind or have low vision, are deaf or hard of hearing, have limited mobility, speech disabilities, photosensitivity, learning disabilities, cognitive limitations, or a combination of these.

These components also include guidance on how to design and implement accessible web interfaces, following best practices from W3C and WCAG 2.2. They are designed to ensure accessibility across desktops, laptops, tablets, and mobile devices.

Developers are also encouraged to build their own components by following the provided accessibility guidelines, roles, and best practices to ensure inclusive user experiences.

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 Widget with Error Validation (WCAG 2.2)

Guide to Building an Accessible Main Menu Widget (WCAG 2.2)

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

Guide to Building an Accessible Tabs Widget (WCAG 2.2)