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

Contrast issue on livedata pagination

    XMLWordPrintable

Details

    • Bug
    • Resolution: Solved By
    • Minor
    • 15.3-rc-1
    • 15.1
    • Live Data
    • Unknown
    • N/A
    • N/A
    • 1.4.3 Contrast (Minimum)

    Description

      1: Elements must have sufficient color contrast
      Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
      Help URL: https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI
      Help: Elements must have sufficient color contrast
      Impact: serious
      Tags: cat.color, wcag2aa, wcag143, ACTHTML element: 
          <span class="pagination-current-entries"> Entries 0 - 0 out of 0 </span>
      Selector: [.pagination-current-entries]
      Fix any of the following:
        Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.4pt (12.6px), font weight: normal). Expected contrast ratio of 4.5:1HTML element: 
          <span class="pagination-page-size"> per page of <select><option value="15">15</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select></span>
      Selector: [.pagination-page-size]
      Fix any of the following:
        Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.4pt (12.6px), font weight: normal). Expected contrast ratio of 4.5:1HTML element: 
          <nav class="pagination-indexes">
      Selector: [.pagination-indexes]
      Fix any of the following:
        Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.4pt (12.6px), font weight: normal). Expected contrast ratio of 4.5:1HTML element: 
          <div class="noentries-table"> (No entries) </div>
      Selector: [.noentries-table]
      Fix any of the following:
        Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
       

      This is related to a hard-coded value in the livedata-pagination style:

      https://github.com/xwiki/xwiki-platform/blob/d7ea66340342206da4ec94e03ad0b30c766b3982/xwiki-platform-core/xwiki-platform-livedata/xwiki-platform-livedata-webjar/src/main/vue/LivedataPagination.vue#L315

      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: