-
Bug
-
Resolution: Fixed
-
Highest
-
8.9.2
-
Severity 3 - Minor
-
Issue Summary
The calendar "event-item" buttons are not defined programmatically as a button.
Steps to Reproduce
- Open the "Confluence DC" home page.
- Navigate to the "Calendars" option in the side navigation of your space.
- Navigate to the "list" option in the calendar and activate it.
- Observe the "event-item" list will appear.
- Observe these buttons do not have keyboard support.
- Inspect the code and notice that a role is missing for these buttons.
Screen Recording
Screen Recording 2024-06-11 at 10.20.29 AM.mov
Screenshot
Actual Results
The role is not defined for the interactive elements such as the "event-item” buttons present in all the code panels of the Calendar in the main content area. Also, the keyboard support is missing for these buttons.
This made it difficult for keyboard-only users and screen reader users to access the functionality associated with it.
Expected Results
Buttons should be focusable and operable with a keyboard and have a programmatically defined button role.
Ensure that all the interactive elements are focusable and operable using a keyboard and screen reader.
Apply the following changes:
- Code the mentioned buttons using <button> tag.
- Modify the scripts to ensure that the button is operable with a keyboard and a mouse.
A working example of an accessible button can be found at [The Button element - HTML: HyperText Markup Language | MDN|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button]
Code Example:
<button class="event-item" data-event-id="20240610T140141Z--2017082497@pc-conf-dc4.instenv.internal.atlassian.com" data-event-subcalendar-id="ae13d079-804a-4073-a99e-3c30719f2a67" data-sub-calendar-name="Sample"> (...) <div class="event-info-container"> <strong class="event-name">event 1</strong> <span class="event-subcalendar-name">Sample</span> <div class="event-description"> </div> <button>
Workaround
Required, if there is no workaround please state.
Environment
MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
[CONFSERVER-95957] AXSR-285 | Calendar: Button role not defined and lack keyboard support
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Fix Version/s | Original: 9.3.0 [ 109797 ] | |
| Fix Version/s | New: 9.3.1 [ 110904 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 981308 ] |
| Epic Link | New: CONFSRVDEV-36584 [ 2059873 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 974935 ] |
| Status | Original: Awaiting Merge [ 10064 ] | New: Waiting for Release [ 12075 ] |
| QA Demo Status | Original: Not Done [ 14330 ] | New: Done [ 14331 ] |
| Status | Original: In Review [ 10051 ] | New: Awaiting Merge [ 10064 ] |
| Fix Version/s | New: 9.3.0 [ 109797 ] |
| QA Kickoff Status | Original: Not Done [ 14234 ] | New: Not Needed [ 14236 ] |
| Status | Original: In Progress [ 3 ] | New: In Review [ 10051 ] |
A fix for this issue is available in Confluence Server and Data Center 9.3.1. Upgrade now or check out the Release Notes to see what other issues are resolved.