Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redundant attributes in modal's built-in close button #7125

Closed
phenderson00 opened this issue Jun 5, 2023 · 5 comments
Closed

Redundant attributes in modal's built-in close button #7125

phenderson00 opened this issue Jun 5, 2023 · 5 comments
Labels
0 - new New issues that need assignment. a11y Issues related to Accessibility fixes or improvements. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs triage Planning workflow - pending design/dev review. Professional Services - Midwest Delivery Center Issues logged by Professional Services - Midwest Delivery Center team members.

Comments

@phenderson00
Copy link

Actual Behavior

The CalciteModal's built-in close button has both of the following attributes: title and aria-label. Both attributes are being set to the string "Close". Setting both attributes to the same value is redundant.

Expected Behavior

Either the title or aria-label attribute should be removed in order to eliminate redundancy. If the intention is to display a tool tip on hover, the aria-label can be removed.

Reproduction Sample

https://codesandbox.io/s/calcite-modal-button-a11y-bug-s2lsiz?file=/src/App.js

Reproduction Steps

  1. Open the DevTools console
  2. Click the Launch Modal button
  3. Use the element selector to select the modal's close (X) button
  4. See that the title and aria-label attributes on the button are both set to "Close"

Reproduction Version

1.4.2

Relevant Info

Windows 10, Chrome 114.0.5735.90

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

This does not block our project, but the accessibility tester on the customer's side is the one who brought this issue to our attention.

Esri team

Professional Services - Midwest Delivery Center

@phenderson00 phenderson00 added 0 - new New issues that need assignment. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. needs triage Planning workflow - pending design/dev review. labels Jun 5, 2023
@github-actions github-actions bot added impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive Professional Services - Midwest Delivery Center Issues logged by Professional Services - Midwest Delivery Center team members. labels Jun 5, 2023
@driskull
Copy link
Member

driskull commented Jun 6, 2023

I'm not sure its redundant since the title is for the tooltip and the aria-label is for screen readers. Is it repeating the same text in a screen reader?

@phenderson00
Copy link
Author

That's exactly correct. We're hearing the same text being read twice by the screenreader.

@driskull
Copy link
Member

driskull commented Jun 7, 2023

Gotcha. thanks! We can remove the title attribute I think.

@geospatialem
Copy link
Member

We're hearing the same text being read twice by the screenreader.

Was able to repro with NVDA across browsers - both JAWS and VoiceOver are not affected. This doesn't seem to be related to the aria-label and title, but rather the dialog role with NVDA mentioned in an issue on their repo at nvaccess/nvda#8971.

The issue highlights a sample showcasing the behavior in NVDA.

@geospatialem geospatialem added the a11y Issues related to Accessibility fixes or improvements. label Jun 8, 2023
@geospatialem
Copy link
Member

Closing this issue as not planned, as it pertains to a NVDA bug. re: #7125 (comment).

For additional context, previously the title and aria-label sequence was an issue with NVDA, but was mitigated in September 2021.

@geospatialem geospatialem closed this as not planned Won't fix, can't repro, duplicate, stale Jun 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. a11y Issues related to Accessibility fixes or improvements. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs triage Planning workflow - pending design/dev review. Professional Services - Midwest Delivery Center Issues logged by Professional Services - Midwest Delivery Center team members.
Projects
None yet
Development

No branches or pull requests

3 participants