Kilotest: Diagnoses of contrast poor violation by HTML element 301 on LibreOffice page

Here is how tools diagnose the contrast poor issue for HTML element 301 of the LibreOffice page.

Basics

• About the contrast poor issue
  • Why it matters: Content is difficult to understand
  • Priority: highest
  • Related WCAG standard: 1.4.3
• About the LibreOffice page
  • URL: https://www.libreoffice.org/
  • Tested on 2026-04-05 at 23:04
• About HTML element 301
  • Take me there
  • Tag name: DIV
  • Text: The Post They Managed to Avoid
  • Start tag: <div class="latest-article-title">
  • XPath: /html/body/section[3]/div[1]/div[2]/div[3]/div[1]/div[1]
  • Bounding box: x = 985, y = 1607, width = 243, height = 20

Diagnoses

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.58 (foreground color: #00a500, background color: #dfe5e8, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 2.59 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 700

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast

4. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.59:1. Recommendation: change text colour to #000800.

   Tool: WallyAX (Wally)