Create/Edit User Record: Multi-select custom field does not have a label - violates WCAG 1.3.1,WCAG 3.3.2:

Description

Create/Edit User record: Multi-select custom field does not have a label

Title: WCAG 1.3.1,WCAG 3.3.2: Ensures every form element has a label (#multiselect-input-multiselect-1107)
Tags: Accessibility, WCAG 1.3.1, WCAG 3.3.2, label

Issue: Ensures every form element has a label (label - https://dequeuniversity.com/rules/axe/3.5/label?application=msftAI)

Target application: Users - FOLIO - https://folio-snapshot.aws.indexdata.com/users/2a424823-588a-45ee-9441-a6384b6614b2/edit

Element path: #multiselect-input-multiselect-1107

Snippet: <input aria-autocomplete="list" autocomplete="off" id="multiselect-input-multiselect-1107" type="text" class="multiSelectValueInput---LXoty" tabindex="-1" value="">

How to fix:
Fix any of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Form element does not have an implicit (wrapped) <label>
Form element does not have an explicit <label>
Element has no title attribute or the title attribute is empty

Environment: Chrome version 83.0.4103.97

====

This accessibility issue was found using Accessibility Insights for Web 2.18.2 (axe-core 3.5.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

CSP Request Details

None

CSP Rejection Details

None

Potential Workaround

None

Checklist

hide

TestRail: Results

Activity

Show:

Denys Bohdan August 19, 2020 at 10:29 AM

Blocked due to all environments returning 503

Denys Bohdan August 18, 2020 at 12:48 PM

Will create an additional PR to stripes-smart-components to use a new aria-labelledby prop that is going to add

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Spitfire

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created June 16, 2020 at 5:57 PM
Updated August 20, 2020 at 1:30 PM
Resolved August 20, 2020 at 1:30 PM
TestRail: Cases
TestRail: Runs