Accessibility
Assistive technologies, such as screen readers, are not able to give information about a button if it does not have an accessible name; therefore they simply name it “button”.
When a button has no text content or an aria-label property, SeoChecker will notify it.
Use a clear CTA when you add text content to the button:
<button> Shop now </button>
Use the aria-label attribute to describe the button when the label is not visible:
<!DOCTYPE html> <html lang="en"> <head> <title>Accessible icon button demo</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/style.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <body> <h1>Accessible icon button demo</h1> <button class="btn" aria-label="Left Align"> <span class="material-icons" aria-hidden="true">format_align_left</span> </button> <button class="btn" aria-label="Center Align"> <span class="material-icons" aria-hidden="true">format_align_center</span> </button> <button class="btn" aria-label="Right Align"> <span class="material-icons" aria-hidden="true">format_align_right</span> </button> <button class="btn" aria-label="Justify"> <span class="material-icons" aria-hidden="true">format_align_justify</span> </button> </body> </html>
Learn more about Accessibility
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Converters
Convert Timestamp in date time value and vice versa. Convert epoch/unix timestamp in readable date time value and vice versa.
Builders and generators
Generate beautiful color palette combinations for your designs. Get your combination scheme: analogous, triadic, complementary and so on.
Tester and validators
Test your web pages structured data. Check conformity of your structured data json-ld and improve your SEO.
Builders and generators Social
Transform web pages in rich objects in a social graph. 25 Open Graph type to create a huge impact of social traffic on your website.
Server and proxy Tester and validators
Perform your site audit and find out what pages missing https/ssl certificate.
Content
Explore and compare keywords. Find out what customers are looking for. Select country, date, category, search type and compare keywords.
Content Google
Find keyword ideas, suggestion and relevance score trought Google autofill suggested keywords.
Generate structured data in json-ld and improve your SEO. Enhance your appearance in Google Search with rich snippet result.