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
Tester and validators
Is your web page mobile-friendly? Ready for mobile-first indexing? Test whether a page on your site is mobile-friendly or not based on Googlebot User-agent.
Builders and generators
Create your personalized Barcode in over 70 formats. Choose your data, formats and colors and get your personalized Barcode.
Find out which theme, version, author and license a WordPress site is using trought Wordpress Theme detector tool
Generate structured data in json-ld and improve your SEO. Enhance your appearance in Google Search with rich snippet result.
Validate your AMP pages with this tool. Test your Accelerated Mobile Pages, get detailed report and optimize performance.
Google
Find out how Google calculates your overall Performance score. Drag the cursors to understand what thresholds you must be aiming for achieving a good performance
Analyze your web page speed performance. Retrieve information about speed index, latency, first contentful paint and more.
Converters
Convert Bits, Bytes, Kilobytes, Megabytes, Gigabytes, Terabytes and so on. Set number and choose unit to convert. Try it for free.