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
Builders and generators
Layout Grid Calculator: set your grid system, page width, margin, gutter and columns. Design your layout grid system for web pages and print design.
Tester and validators
Test your Progressive Web App. Check the performance of your PWA, try to deliver high quality, engaging, fast and capable apps on every devices.
Server and proxy
Retrieve remote Server Status Code and Headers. Get HTTP Status code, Headers info, Cache-control and data from a given URL.
Images
Zoom in, scale, flip, rotate, crop and resize your images. Upload and edit yours images file for free with dunplab image editor.
Test your web pages structured data. Check conformity of your structured data json-ld and improve your SEO.
Content
Get counts and keyword density from your content. This tool provide your content validation on social network with just one click.
Analytics Google Tracking script
Create Analytics trackable URL and track email opens. Send your email campaign and get data when user open your email.
Find out which theme, version, author and license a WordPress site is using trought Wordpress Theme detector tool