Fix Accessibility problems for settings/data-import/file-extensions?layer=create (Form elements must have labels)

Description

Fix next Accessibility problems on settings/data-import/file-extensions (new file extensions ) :

  1. Form elements must have labels (see attached screenshot) :
    Component can be found
    stripes/ui-data-import/src/settings/FileExtensions/FileExtensionForm.js

Fixes can be made by adding id attribute to particular <Field> component

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

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

CSP Request Details

None

CSP Rejection Details

None

Potential Workaround

None

Attachments

1

Checklist

hide

TestRail: Results

Activity

Show:

Ihor KobaNovember 3, 2020 at 12:09 PM

This issue has been already fixed in previous accessibility related tickets.

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Folijet

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created March 26, 2020 at 3:37 PM
Updated November 3, 2020 at 12:09 PM
Resolved November 3, 2020 at 12:09 PM
TestRail: Cases
TestRail: Runs