-
Bug
-
Resolution: Fixed
-
High
-
10.3.0, 10.4.1
-
Severity 3 - Minor
-
-
Accessibility
Issue Summary
The instructions for the required date format are missing.
Steps to Reproduce
- Open the JSM DC Help Center instance.
- Navigate to the main content area and activate the "Logins and Accounts" control.
- Navigate to the "Onboard new employees" control and activate it.
- Navigate to the "Employee start date" form field.
- Note that the required date format instruction is missing.
Screenshot
Actual Results
When users interact with the "Employee Start Date" form field, they have identified that the instruction for the required date format is missing.
This lack of instruction may create confusion, making it unclear to users what format they should use when entering the date.
As a result, users with screen readers and those with cognitive impairments may find it difficult to correctly fill out this field.
Expected Results
Ensure that the required date format instruction is provided so users can enter the date in the correct format.
Apply the following changes:
- Provide a visible instruction for the required date format using the <div> element below the form field.
- Add the "aria-describedby" attribute to the form field.
- Add the "id" attribute to the container that displays the required date format instruction.
- Reference the "id" attribute value of the container displaying the required date format instruction in the "aria-describedby" attribute.
Alternatively, if the above approach is not feasible, provide the required date format instruction directly within the visible label.
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Sonoma 14.7
Operations - Windows11
Chrome - Version 133.0.6943.127 (Official Build) (64-bit)
Safari- Version 18.0
Firefox- Version 135.0 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest
- links to
[JSDSERVER-16063] Help Center: Missing instruction for date format
| Description |
Original:
h3. Issue Summary
The instruction for the required date format is missing. h3. Steps to Reproduce # Open the JSM DC Help Center instance. # Navigate to the main content area and activate "Logins and Accounts" control. # Navigate to the "Onboard new employees" control and activate it. # Navigate to the "Employee start date" form field. # Note that the required date format instruction is missing. h3. Screenshot !Missing Instruction.png|width=394,height=218! h3. Actual Results When users interact with the "Employee Start Date" form field, they have identified that the instruction for the required date format is missing. This lack of instruction may create confusion, making it unclear to users what format they should use when entering the date. As a result, users with screen readers and those with cognitive impairments may find it difficult to correctly fill out this field. h3. Expected Results Ensure that the required date format instruction is provided so users can enter the date in the correct format. Apply the following changes: * Provide a visible instruction for the required date format using the <div> element below the form field. * Add the "aria-describedby" attribute to the form field. * Add the "id" attribute to the container that displays the required date format instruction. * Reference the "id" attribute value of the container displaying the required date format instruction in the "aria-describedby" attribute. Alternatively, if the above approach is not feasible, provide the required date format instruction directly within the visible label. h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOS Sonoma 14.7 Operations - Windows11 Chrome - Version 133.0.6943.127 (Official Build) (64-bit) Safari- Version 18.0 Firefox- Version 135.0 (64-bit) JAWS- Version 2023 NVDA- Version 2024.4.2 VoiceOver - Version Latest |
New:
h3. Issue Summary
The instructions for the required date format are missing. h3. Steps to Reproduce # Open the JSM DC Help Center instance. # Navigate to the main content area and activate the "Logins and Accounts" control. # Navigate to the "Onboard new employees" control and activate it. # Navigate to the "Employee start date" form field. # Note that the required date format instruction is missing. h3. Screenshot !Missing Instruction.png|width=394,height=218! h3. Actual Results When users interact with the "Employee Start Date" form field, they have identified that the instruction for the required date format is missing. This lack of instruction may create confusion, making it unclear to users what format they should use when entering the date. As a result, users with screen readers and those with cognitive impairments may find it difficult to correctly fill out this field. h3. Expected Results Ensure that the required date format instruction is provided so users can enter the date in the correct format. Apply the following changes: * Provide a visible instruction for the required date format using the <div> element below the form field. * Add the "aria-describedby" attribute to the form field. * Add the "id" attribute to the container that displays the required date format instruction. * Reference the "id" attribute value of the container displaying the required date format instruction in the "aria-describedby" attribute. Alternatively, if the above approach is not feasible, provide the required date format instruction directly within the visible label. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOS Sonoma 14.7 Operations - Windows11 Chrome - Version 133.0.6943.127 (Official Build) (64-bit) Safari- Version 18.0 Firefox- Version 135.0 (64-bit) JAWS- Version 2023 NVDA- Version 2024.4.2 VoiceOver - Version Latest |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 10.5.1 [ 110317 ] | |
| Fix Version/s | New: 11.0.0 [ 111000 ] | |
| Fix Version/s | New: 10.6.0 [ 110418 ] |
| Priority | Original: Medium [ 3 ] | New: High [ 2 ] |
| Labels | Original: 3.3.2 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-cog-user ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ril | New: 3.3.2 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-cog-user ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ax-qa-partially-fixed ax-qa-verified ril |
| Attachment | New: Date Instruction Announcement.mp4 [ 489859 ] |
| Status | Original: In Progress [ 3 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |
| Assignee | New: Shova Acharya [ f8cc0f3bb64f ] |
| Labels | Original: 3.3.2 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-cog-user ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa | New: 3.3.2 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-cog-user ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ril |