Screpy SEO platform logo New Screpy is coming 🎉

No Accessible Names on Buttons

The buttons that do not have accessible names cause problems for users to understand and interpret themselves. Let's find out how to fix them!

Reviewed by Screpy Editorial Team

Google Lighthouse flags the button when it does not have an accessible name or aria-label property. Here is an example:

Accessible Names on Buttons

How to pass the accessible button names audit – Adding necessary names

See the HTML source first to have buttons with the visible tag. It is extremely important to check the button elements one by one in the HTML source. You need to add a text for each button element in the HTML source. Don’t forget to use call-to-action language. In cases where plain text needs to be written, you can of course use simpler words, phrases, or instructions. Be careful to have text on each of the buttons. See the example:

You can also use an aria-label attribute for buttons that have visible elements such as icon buttons. In this way, you will clearly explain the functions of these buttons to screen readers and other assistive technologies.

The appearance of the functions of the buttons will be extremely beneficial for scenarios where the button appears only as of the name because web loading is not performed correctly. In that scenario, the user has a chance to have information about the function and purpose of the button even with a broken page view.

Related tasks

Solve the errors logged to the console

If there are error warnings about your website within the console offered by the browser, you need to follow a few basic steps to resolve them.

Tuesday, December 22, 2020

Title Tags Not Found

Are you encountering the title meta tag not found the issue? You can solve it right away! Here are the causes and importance of the problem in detail.

Sunday, December 20, 2020

Robots.txt Not Found

If you are encountering the Robots.txt not found error, you can create your file immediately by paying attention to the steps below. Discover the details now!

Sunday, December 20, 2020

Not Crawlable Pages

Have the same problem with crawlability issues? Let’s see what you can do for your website to be indexed. Here are the ways and solutions!

Sunday, December 20, 2020

Meta Description Not Found

Are you getting a meta description not found a warning about your web page? Let's figure it out! Why is meta description important, how to pass the audit? Examine!

Sunday, December 20, 2020