WAVE Web Accessibility Tool
StylesNo StylesContrast

Error

Please provide a valid URL
  • Summary
  • Details
  • Documentation
  • Outline

Summary

WAVE has detected the following:
  • ? Errors
  • ? Alerts
  • ? Features
  • ? Structural Elements
  • ? HTML5 and ARIA
  • ? Contrast Errors

Panel Options

  • DETAILS: A listing of all the WAVE icons in your page.
  • DOCUMENTATION: Explanation of the WAVE icons and how you can make your page more accessible.
  • OUTLINE: The heading structure of the web page.

Details

      Does not account for background images, gradients, etc. Ensure fall-back contrast is defined in case images or CSS3 do not display.

      Contrast Tools

      :

      lighter foreground | darker foreground

      :

      lighter background | darker background

      Contrast Ratio:

      Normal Text: Sample

      AA: Pass
      AAA: Pass

      Large Text: Sample

      AA: Pass
      AAA: Pass

      Desaturate page

      Documentation

      Please select "More Information" for an icon to view its documentation or view the icon index.

      What It Means

      Why It Matters

      How to Fix It

      The Algorithm... in English

      Standards and Guidelines

        None
      Icon index

      Outline

      Feedback | Powered by WebAIM
      code

      WAVE Web Accessibility Tool

      Javascript Required. WAVE 5.0 requires a modern web browser with Javascript enabled. If you are using noscript or other javascript blocking software, please add wave.webaim.org to your script whitelist.

      Icon Title