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

Yes/no links in deprecated property warning in AWM have insufficient contrast/aren't underlined

    XMLWordPrintable

Details

    • Integration
    • Unknown
    • N/A
    • N/A

    Description

      Steps to reproduce:

      1. Create an App Within Minutes application, e.g., named "Test". Add a short text property and add that property to the Live Table in the last step.
      2. Edit the application and remove the short text property. Continue until the last step that now displays a warning:
      3. Use the Axe DevTools Extensions to run a full page scan.

      Expected result:

      The scan completes without finding any problem.

      Actual result:

      The scan reports two issues about links that must be distinguishable without relying on color. This concerns the "Yes"/"No" links in the deprecation warning message.

      Based on the fact that these links appear as part of the text, one should assume that they should be underlined but underlining is only active inside #xwikicontent and this is an inline edit page and thus doesn't have this container. While the whole screen could use design refresh and these links should better be buttons, the simplest solution would be to treat those links explicitly as inline links.

      Full error message from the automated tests on CI that trigger this:

      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.11/link-in-text-block?application=axeAPI
      Help: Links must be distinguishable without relying on color
      Impact: serious
      Tags: cat.color, wcag2a, wcag141, TTv5, TT13.a, EN-301-549, EN-9.1.4.1, RGAAv4, RGAA-10.6.1
      
      HTML element: 
       <a href="">Yes</a>
      Selector: [a[href=""]:nth-child(1)]
      Fix any of the following:
        The link has insufficient color contrast of 1.08:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2f70a7, surrounding text: #8a6d3b)
        The link has no styling (such as underline) to distinguish it from the surrounding text
      
      HTML element: 
       <a href="">No</a>
      Selector: [a[href=""]:nth-child(2)]
      Fix any of the following:
        The link has insufficient color contrast of 1.08:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2f70a7, surrounding text: #8a6d3b)
        The link has no styling (such as underline) to distinguish it from the surrounding text
      

      Attachments

        Activity

          People

            MichaelHamann Michael Hamann
            MichaelHamann Michael Hamann
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: