Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-20827

Inline links must be distinguishable without relying on color

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • 15.9-rc-1
    • 15.2
    • Skin
    • Medium
    • N/A
    • N/A
    • Hide
      1.4.1 Use of Color

      Show
      1.4.1 Use of Color

    Description

      It should be easy to distinguish inline links from the regular text next to them, even without extra accessibility features turned ON.

      Not all users know of extra accessibility features.
      Turning extra accessibility features ON underlines all links, which makes them easy to spot (whether inline or on their own).

      Example of an accessibility report highlighting this issue:

      WCAG warnings in the test class [org.xwiki.administration.test.ui.AllITs]:
      __________
      Validation in the test method [createPagesFromTemplate]
      Check for [org.xwiki.test.ui.po.DocumentDoesNotExistPage] at http://xwikiweb:8080/xwiki/bin/view/NestedPageTemplatesIT/createPagesFromTemplate/TestTemplateUnexistingInstance?spaceRedirect=false.

      1: Links must be distinguishable without relying on color
      Description: Ensure links are distinguished from surrounding text in a way that does not rely on color
      Help URL: https://dequeuniversity.com/rules/axe/4.6/link-in-text-block?application=axeAPI
      Help: Links must be distinguishable without relying on color
      Impact: serious
      Tags: cat.color, wcag2a, wcag141

      HTML element:
      <a href="/xwiki/bin/create/NestedPageTemplatesIT/createPagesFromTemplate/TestTemplateUnexistingInstance">edit this page</a>
      Selector: [.panel-body > a]
      Fix any of the following:
      The link has insufficient color contrast of 2.4:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2f70a7, surrounding text: #333333)
      The link has no styling (such as underline) to distinguish it from the surrounding text

      Attachments

        1. InlineAndOutlineLinksExample.png
          326 kB
          Charpentier Lucas
        2. InlineLinksRelyOnColor.png
          128 kB
          Charpentier Lucas
        3. LinksWithAccessibilityOFF.png
          239 kB
          Charpentier Lucas
        4. LinksWithAccessibilityON.png
          321 kB
          Charpentier Lucas

        Issue Links

          Activity

            People

              Lucas C Charpentier Lucas
              Lucas C Charpentier Lucas
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: