Skip to main content

Alt & Title Tag Analyse

Our checker processes each page of your website, identifying images , links and iframes that lack proper alt or title attributes.

  • Missing attributes: We flag any element that does not have an alt or title tag.
  • Empty attributes: We look for empty alt or title tags that can still negatively affect accessibility and SEO/Accessibility.
  • Decorative elements: We recognize elements marked as purely decorative to exclude them from reports.

Based on these findings, you can correct missing or empty attributes to improve your website's accessibility and SEO performance. Properly setting alt and title attributes ensures better accessibility for all users and helps search engines better understand page content for Ranking.

Image Attribute Best Practices​

❌ Bad Practice​

    
    <!-- Missing alt attribute -->
    <img src="company-logo.png">
    
    <!-- Empty alt attribute -->
    <img src="chart-quarterly-sales.png" alt="">
    
    <!-- Generic, non-descriptive alt text -->
    <img src="product-image.jpg" alt="image">
    
    <!-- Too lengthy, keyword-stuffed alt text -->
    <img src="dog.jpg" alt="black labrador retriever dog canine pet animal domestic best breed family friendly adoption rescue">

✅ Good Practice​

<!-- Descriptive alt text -->
<img src="company-logo.png" alt="ABC Company Logo">

<!-- Descriptive alt that explains image content -->
<img src="chart-quarterly-sales.png" alt="Chart showing 15% sales increase in Q2 2023">

<!-- Decorative image properly marked -->
<img src="decorative-divider.png" alt="" role="presentation">

<!-- Decorative image alternative approach -->
<img src="background-pattern.jpg" aria-hidden="true" alt="">

❌ Bad Practice​

    <!-- Missing title attribute -->
    <a href="contact.html">Contact Us</a>
    
    <!-- Non-descriptive title -->
    <a href="pricing.html" title="click here">Pricing</a>
    
    <!-- Redundant title that repeats link text -->
    <a href="about.html" title="About">About</a>

✅ Good Practice​

    <!-- Descriptive title that adds context -->
    <a href="contact.html" title="Contact our customer support team">Contact Us</a>
    
    <!-- Title that provides additional information -->
    <a href="pricing.html" title="View our service pricing plans and options">Pricing</a>
    
    <!-- Link with both descriptive text and title -->
    <a href="report.pdf" title="Download our 2023 Annual Report (PDF, 2.5MB)">Annual Report</a>