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
- Variables
- cURL
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
}
}
}
}
}
}
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"color_contrast_enhanced_issues"}
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