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

Fix Accessibility problems for settings/data-import/match-profiles?layer=create (IDs of active elements must be unique)

    XMLWordPrintable

    Details

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

      Description

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

      1. IDs of active elements must be unique (see attached screenshot).

      Step to reproduce:
      1. Select all checkboxes in match criterion section
      2. Run axe
      3. see validation result

      Also, please re-check all possible scenarios -
      Select each of item in "Which type of existing record would you like to compare to the incoming MARC record?" section and try to choose different type of records (see ) and re-run axe each time and check the result

      Component can be found
      stripes/ui-data-import/src/settings/MatchProfiles/ViewMatchProfile.js

      Fixes can be made by adding unique (for now two ids are the same = criterion-incoming.qualifier.term) id attribute to particular <Field> in form config placed here - stripes/ui-data-import/test/bigtest/mocks/form-config-samples.js

      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