Insufficient text contrast (AA)

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

Priority: High

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 GetReportStatForCrawl(
    $crawlId: ObjectID!
    $reportTemplateCode: String!
    $after: String
   ) {
      getReportStat(
        input: {crawlId: $crawlId, reportTemplateCode: $reportTemplateCode}
      ) {
        crawlAccessibilityIssues(after: $after, reportType: Basic) {
          nodes {
            issueDigest
            ruleId
            elementSource
            exampleUrl
            issueDescription
            gaPageviews
            urlCount
            elementSelectorCount
            exampleElementSelector
            issueSeverity
            fontSize
            fontColor
            isFontLarge
            contrastRatio
            bgMinColor
            contrastRatioAverage
            bgAverage
          }
          totalCount
          pageInfo {
            endCursor
            hasNextPage
          }
        }
     }
   }

Variables

{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"color_contrast_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 GetReportStatForCrawl( $crawlId: ObjectID! $reportTemplateCode: String! $after: String ) { getReportStat( input: {crawlId: $crawlId, reportTemplateCode: $reportTemplateCode} ) { crawlAccessibilityIssues(after: $after, reportType: Basic) { nodes { issueDigest ruleId elementSource exampleUrl issueDescription gaPageviews urlCount elementSelectorCount exampleElementSelector issueSeverity fontSize fontColor isFontLarge contrastRatio bgMinColor contrastRatioAverage bgAverage } totalCount pageInfo { endCursor hasNextPage } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"color_contrast_issues"}}' https://api.lumar.io/graphql

Try in explorer