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

Fix Accessibility problems for settings/data-import/match-profiles?layer=create (<ul> and <ol> must only directly contain <li>, <script> or <template> elements)

    XMLWordPrintable

    Details

    • Template:
      Folijet UI bug template
    • Sprint:
      Folijet Sprint 100
    • Story Points:
      2
    • Development Team:
      Folijet

      Description

      Fix next Accessibility problems on settings/data-import/match-profiles (new match profile ) :

      1. <ul> and <ol> must only directly contain <li>, <script> or <template> elements (see attached screenshot).

      Component can be found
      stripes/ui-data-import/src/components/RecordTypesSelect/components/RecordSelect.js

      Problem appears because of <TreeLine> (which is div) component renders inside <ul>. Components should be reworked somehow.

      P.S Also please re-check and fix errors in edit mode:
      1. open /settings/data-import/match-profiles
      2. Click on one of item in match profiles list
      3. In opened details section, click on actions menu button end then Edit
      4. Run "axe", when form is shown and fix found issues

      Notes:
      For check "Accessibility problems" was used https://ux.folio.org/docs/assets/axe/

        TestRail: Results

          Attachments

            Issue Links

              Activity

                People

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

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases