Details
-
Bug
-
Status: Closed (View Workflow)
-
P3
-
Resolution: Done
-
None
-
Folijet Sprint 133
-
2
-
Folijet
-
Lotus R1 2022
-
Implementation coding issue
Description
Title: WCAG 1.3.1,WCAG 3.3.2: Ensures every form element has a label (#checkbox-104, #checkbox-105, #checkbox-106,#checkbox-107)
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/2a81b279-d459-4022-82f6-69a569d196b9/edit?filters=active.active&sort=name
Example
Element path: #checkbox-105
Snippet: <input id="checkbox-105" type="checkbox" name="selected-3a40852d-49fd-4df2-a1f9-6e2641a6e91f" class="input--2C_P" aria-invalid="false" 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.106
====
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.
TestRail: Results
Attachments
Issue Links
- defines
-
UXPROD-3511 Folijet UI-only R1 2022 Lotus Misc (NON-Data Import)
-
- Closed
-
- relates to
-
UXPROD-2997 Address Users app - Accessibility issues
-
- In progress
-