Insufficient text contrast (AAA)

This test checks if there is enough contrast between foreground text color and background color (including images). This test requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.

Priority: Medium

Impact: Negative

How to fetch the data for this report template

You will need to run a crawl for report template to generate report. When report has been generated and you have crawl id you can fetch data for the report using the following query:

Query

query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) {
  getCrawl(id: $crawlId) {
    reportsByCode(
      input: {
        reportTypeCodes: Basic
        reportTemplateCodes: [$reportTemplateCode]
      }
    ) {
      rows {
        nodes {
          ... on CrawlAccessibilityIssues {
            issueDigest
            ruleId
            elementSource
            exampleUrl
            issueDescription
            gaPageviews
            urlCount
            elementSelectorCount
            exampleElementSelector
            issueSeverity
            fontSize
            fontColor
            isFontLarge
            contrastRatio
            bgMinColor
            contrastRatioAverage
            bgAverage
          }
        }
      }
    }
  }
}

Variables

{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"color_contrast_enhanced_issues"}

cURL

curl -X POST -H "Content-Type: application/json" -H "apollographql-client-name: docs-example-client" -H "apollographql-client-version: 1.0.0" -H "x-auth-token: YOUR_API_SESSION_TOKEN" --data '{"query":"query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) { getCrawl(id: $crawlId) { reportsByCode( input: { reportTypeCodes: Basic reportTemplateCodes: [$reportTemplateCode] } ) { rows { nodes { ... on CrawlAccessibilityIssues { issueDigest ruleId elementSource exampleUrl issueDescription gaPageviews urlCount elementSelectorCount exampleElementSelector issueSeverity fontSize fontColor isFontLarge contrastRatio bgMinColor contrastRatioAverage bgAverage } } } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"color_contrast_enhanced_issues"}}' https://api.lumar.io/graphql

Try in explorer