Uploaded image for project: 'ui-data-import'
  1. ui-data-import
  2. UIDATIMP-429

Fix Accessibility problems for /data-import page

    XMLWordPrintable

    Details

    • Template:
      Folijet UI bug template
    • Sprint:
      Folijet Sprint 91, Folijet Sprint 92
    • Story Points:
      1
    • Development Team:
      Folijet

      Description

      Fix next Accessibility problems on /data-import page (see data-import.png):

      1. <ul> and <ol> must only directly contain <li>, <script> or <template> elements (see JobsList.png) :
        Issue description:
        Ensures that lists are structured correctly
        Element location:
        .list---2I8TI
        Element source:
        <ul class="list---2I8TI list---2qRdx marginBottom0---3wR6q listStyleDefault---2xBLN">
        

        To solve this violation, you need to:
        Fix the following:
        List element has direct children that are not allowed inside <li> elements
        Related nodes:
        .job---1uJ36[data-test-job-item="true"]:nth-child(1)
        .job---1uJ36[data-test-job-item="true"]:nth-child(2)
        .job---1uJ36[data-test-job-item="true"]:nth-child(3)
        .job---1uJ36[data-test-job-item="true"]:nth-child(4)

      Fixes can be made in ui-data-import/src/components/Jobs/components/JobsList/JobsList.js

      Fix Color contrast problems:

      • no colors problem for visible elements on that page

      Notes:
      –°olor check was performed considering with WCAG 2.1 validation level AA
      For check "Accessibility problems" was used https://ux.folio.org/docs/assets/axe/
      For check "Color contrast problems" was used https://chrome.google.com/webstore/detail/wcag-contrast-checker/plnahcmalebffmaghcpcmpaciebdhgdf

        TestRail: Results

          Attachments

          1. data-import.png
            data-import.png
            350 kB
          2. JobsList.png
            JobsList.png
            135 kB
          3. screenshot-1.png
            screenshot-1.png
            235 kB

            Issue Links

              Activity

                People

                Assignee:
                Ihor_koba Ihor Koba
                Reporter:
                Ihor_koba Ihor Koba
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases