Dragging Movements According to (WCAG) 2.2

According to Web Content Accessibility Guidelines (WCAG) 2.2, a user must be able to use the keyboard to complete all interactions, period.

Dragging movements plays an important part for WCAG 2.2 updates. Let's review a real-world design challenge with our Property Investment Software. This application has a really good following and the product managers are hesitant to change anything significant in the design. But we need to add functionality for scrolling according to the new WCAG 2.2 draggable content requirements.

As you can see, this dashboard has a place where users can scroll through apartments to research or invest. Currently, users can tab through the scrolling cards to review their selections, but they won't be able to view below the fold using only their keyboard.

So how do we solve the problem? Let's add a scroll bar with up and down buttons to the right of the scrolling images. By just adding a scroll bar to the right of the screen with buttons. You've made this an accessible experience for everyone, and of course, it also complies with WCAG 2.2.

Jahandad Memarian
Welcome to my design portfolio on Dribbble
Get in touch

More by Jahandad Memarian

View profile