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

Dialog: Close Buttons must have discernible text #14977

Closed
HellinSunWTW opened this issue Mar 7, 2024 · 6 comments
Closed

Dialog: Close Buttons must have discernible text #14977

HellinSunWTW opened this issue Mar 7, 2024 · 6 comments
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response

Comments

@HellinSunWTW
Copy link

Describe the bug

The Axe Dev Tools for Accessibility is reporting that the 'Buttons must have discernible text':
image
Can we have appropriate aria label like "Close the dialog" added please?

Environment

Windows 10

Reproducer

No response

Angular version

17.2.3

PrimeNG version

17.9.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Install the Axe Dev Tools for Accessibility plug-in.
  2. Visit the PrimeNG dialog page (https://primeng.org/dialog) on Chrome/Edge browser.
  3. Scan the page with Axe

Expected behavior

No response

@HellinSunWTW HellinSunWTW added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 7, 2024
@mehmetcetin01140 mehmetcetin01140 added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 18, 2024
@TaneliTuomola
Copy link

There is actually a undocumented property "closeAriaLabel" that can be used to set aria-label to the close button.
<p-dialog header="Header" closeAriaLabel="Close">
Documents should be updated.

@Draganlazarev90
Copy link

There is actually a undocumented property "closeAriaLabel" that can be used to set aria-label to the close button. <p-dialog header="Header" closeAriaLabel="Close"> Documents should be updated.

this doesn't work with dynamic dialog. When you add the closeAriaLabel in the config it still doesn't apply it to the close button

@TaneliTuomola
Copy link

There is actually a undocumented property "closeAriaLabel" that can be used to set aria-label to the close button. <p-dialog header="Header" closeAriaLabel="Close"> Documents should be updated.

this doesn't work with dynamic dialog. When you add the closeAriaLabel in the config it still doesn't apply it to the close button

#15144

Copy link

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

@github-actions github-actions bot added the Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response label Jul 21, 2024
Copy link

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jul 28, 2024
@itworksafisher
Copy link

itworksafisher commented Oct 25, 2024

Shouldn't this be using primeng setTranslations? I would expect that to have a close property that would then be used by default for the dialogs rather than requiring consumer to provide one to each instance. DynamicDialog seems to do it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response
Projects
None yet
Development

No branches or pull requests

5 participants