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

Lack of contrast on empty option of localization preferences

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • 15.9-rc-1
    • 15.8
    • Localization
    • Unknown
    • N/A
    • N/A
    • 1.4.3 Contrast (Minimum)

    Description

      When there is no option selected, and the select is in focus, it is greyed out and its text is muted. These changes in color do not allow enough contrast to respect WCAG AA requirements.

       

      Reported by the automated accessibility tests:

      WCAG warnings in the test class [org.xwiki.localization.test.ui.AllIT]:
      __________
      Validation in the test method [changeLanguageInMonolingualModeUsingTheAdministrationPreference]
      Check for [org.xwiki.administration.test.po.LocalizationAdministrationSectionPage] at [http://xwikiweb:8080/xwiki/bin/admin/XWiki/XWikiPreferences?editor=globaladmin&section=Localization].
      Found [2] items1: Elements must meet minimum color contrast ratio thresholds
      Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
      Help URL: https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI
      Help: Elements must meet minimum color contrast ratio thresholds
      Impact: serious
      Tags: cat.color, wcag2aa, wcag143, ACT, TTv5, TT13.cHTML element: 
          <div class="filter-option-inner-inner">Nothing selected</div>
      Selector: [button[aria-owns="bs-select-1"] > .filter-option > .filter-option-inner > .filter-option-inner-inner]
      Fix any of the following:
        Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
      

      Note that the issue reported here is about the 'languages' select, but it seems like there is a similar issue on the 'timezone' select.

      Attachments

        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: