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:

Operation: 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"}

GetReportStatForCrawlTry in Explorer

GraphQL

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
          }
        }
     }
   }