Skip to main content

Link in text block not distinct (A)

This test checks that all links that appear in blocks of text are distinct from the surrounding text or have a color contrast difference of at least 3:1 with the surrounding text. If the link has a distinct style that does not rely on color, the test will pass. If the link has no distinct style and it has a contrast difference less than 3:1, it is a violation. When the link has no distinct style, and it has a contrast difference of 3:1 or higher, you should verify that the link gets distinct style on focus and hover (manual testing required), as this cannot be automated reliably.

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 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
            fontColor
            contrastRatio
            bgMinColor
          }
        }
      }
    }
  }
}

Try in explorer