How to make a great product accessible
Start writing a post
Entertainment

How to make a great product accessible

accessible

58
How to make a great product accessible

How to make a great product accessible

At first glance, creating an accessible environment in a digital product seems like a simple task. After all, what could be easier than using normal buttons instead of DIVS? But when you try to scale this approach, things get more complicated. In this article, we will start with the basic components (text fields, popups) and then explain how to make an entire platform available from many applications written by dozens of different teams.

What do we mean by scalability?

People fromeCommerce application development company work on different processes using different tools. For example, managers use resource planning tools and Gantt charts, while designers use plug-ins for Adobe products and the ability to add comments directly to images and other documents.

This is the accessibility of the first order: our product should provide useful tools to more people from different departments of the company.

Let's start with the basics

Required to create a web page:

Content (obviously);

Some amount of HTML;

css

JS.

When used correctly, HTML is likely to already meet the accessibility criteria. Keyboard navigation in an application that is written in HTML will work as expected. Proper heading structure and text color contrast make the application accessible to users with color vision impairments and those using screen readers (screen readers).

Single-page web applications go beyond the capabilities of HTML. In addition to HTML, we write a lot of JavaScript code. We are talking mainly about components that the browser itself does not provide: dialog boxes, context menus, or auto-complete fields and drop-down lists. But there are things that do not fully meet the criteria for accessibility, even in HTML. Therefore, sometimes you have to abandon the native implementation, write your own and add accessibility support yourself.

Web applications from the point of view of the browser are ordinary sites, but the mechanics in them are more complicated than ordinary browser ones. Let's take browser history. Should the action of moving from one section of the application to another be treated as a historical event that changes the text in the address bar and allows you to return using the back button or hotkeys? While technically we're probably staying on the same page, in most cases the answer is yes, we should. What if the user opens a dialog box? Should this action be a "historical" event?

Focus management is a separate large topic, which I will not dwell on in detail in this article, but I will give a few examples of tasks that have to be solved. For example, where should the keyboard focus be by default when a dialog box opens? Should the focus be strictly limited to the area of the dialog, or should the user be allowed to Tab out to the interface of the browser itself? There are many questions, and often there are no simple answers (WCAG, of course, helps, but not always).

Developers are people with different backgrounds and specializations. Accessibility is not the only issue that must be addressed when creating the next application. There are also issues of security, performance, etc. No matter how the product changes, the interface should work predictably, look consistent within the product, and the API of the components should be understandable.

A design system can help with all of this.

At first glance, creating an accessible environment.

Report this Content
This article has not been reviewed by Odyssey HQ and solely reflects the ideas and opinions of the creator.
a man and a woman sitting on the beach in front of the sunset

Whether you met your new love interest online, through mutual friends, or another way entirely, you'll definitely want to know what you're getting into. I mean, really, what's the point in entering a relationship with someone if you don't know whether or not you're compatible on a very basic level?

Consider these 21 questions to ask in the talking stage when getting to know that new guy or girl you just started talking to:

Keep Reading...Show less
Lifestyle

Challah vs. Easter Bread: A Delicious Dilemma

Is there really such a difference in Challah bread or Easter Bread?

20877
loaves of challah and easter bread stacked up aside each other, an abundance of food in baskets
StableDiffusion

Ever since I could remember, it was a treat to receive Easter Bread made by my grandmother. We would only have it once a year and the wait was excruciating. Now that my grandmother has gotten older, she has stopped baking a lot of her recipes that require a lot of hand usage--her traditional Italian baking means no machines. So for the past few years, I have missed enjoying my Easter Bread.

Keep Reading...Show less
Adulting

Unlocking Lake People's Secrets: 15 Must-Knows!

There's no other place you'd rather be in the summer.

948229
Group of joyful friends sitting in a boat
Haley Harvey

The people that spend their summers at the lake are a unique group of people.

Whether you grew up going to the lake, have only recently started going, or have only been once or twice, you know it takes a certain kind of person to be a lake person. To the long-time lake people, the lake holds a special place in your heart, no matter how dirty the water may look.

Keep Reading...Show less
Student Life

Top 10 Reasons My School Rocks!

Why I Chose a Small School Over a Big University.

125044
man in black long sleeve shirt and black pants walking on white concrete pathway

I was asked so many times why I wanted to go to a small school when a big university is so much better. Don't get me wrong, I'm sure a big university is great but I absolutely love going to a small school. I know that I miss out on big sporting events and having people actually know where it is. I can't even count how many times I've been asked where it is and I know they won't know so I just say "somewhere in the middle of Wisconsin." But, I get to know most people at my school and I know my professors very well. Not to mention, being able to walk to the other side of campus in 5 minutes at a casual walking pace. I am so happy I made the decision to go to school where I did. I love my school and these are just a few reasons why.

Keep Reading...Show less
Lots of people sat on the cinema wearing 3D glasses
Pinterest

Ever wonder what your friend meant when they started babbling about you taking their stapler? Or how whenever you ask your friend for a favor they respond with "As You Wish?" Are you looking for new and creative ways to insult your friends?

Well, look no further. Here is a list of 70 of the most quotable movies of all time. Here you will find answers to your questions along with a multitude of other things such as; new insults for your friends, interesting characters, fantastic story lines, and of course quotes to log into your mind for future use.

Keep Reading...Show less

Subscribe to Our Newsletter

Facebook Comments