Listen
Home >> E-accessibility >> UI Web Component

UI Web Component

How to make Forms with error validation Accessible

here we going to provide some guidance and advice on how to implement web forms with error validation in an accessible and user friendly way, but first we will talk about labels, as example if form labels are marked up correctly, screen readers will announce the form label when the cursor is moved to the corresponding form field...

How to make Tabs and Accordion Accessible

In this tutorial, we going to make an Accessible Tabs and Accordion to people with disabilities, and that provides a better user experience for everyone, Many Developers and Designers would like to design a web pages by using a variety of ways to display the data with different data organizing...

How to make Popup Accessible

Popup dialog box its a nother way to display the content for web users, its a small or big box appears in the foreground of the visual interface by click on a link or auto page load...

How to make Light Box window Accessible

Light Box window its a big window display images in the foreground of the visual interface by click on a link or auto page load. The idea that is most of these dialog boxes are not accessible for user with disabilities, screen reader will not focus on the image and read alt or title of image...

How to make Carousel Accessible

Carousels show a collection of items one or more at a time. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and images gallery...

How to make Slider Images Accessible

Slider is set of images rotating in a period within a spesific time to show one image for each slide. Typical uses of sliders to highliting banners on the home page or image gallery...

How to make Navigation Menu Accessible

Menus are a major part of any software interaction so it’s important to make them accessible to all users. It’s not only the right thing to do, it’s downright easy. Website navigation menus often include dropdown or flyout menus, where submenus are hidden by default and appear visibly when mouse users hover over or click a top-level menu item...

How to use Font Size and Color Contrast tool for Accessibility

The Font Size and Color Contrast tools are two widgets work together to make text more readable for people with visual impairment...

How to use Accessibe captcha

A CAPTCHA is a program that protects websites against bots by generating and grading tests that humans can pass but current computer programs cannot...