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

[BITV]: Modal window improvements #40703

Closed
JuliaKirschenheuter opened this issue Sep 29, 2023 · 4 comments · Fixed by nextcloud-libraries/nextcloud-vue#4778
Closed

[BITV]: Modal window improvements #40703

JuliaKirschenheuter opened this issue Sep 29, 2023 · 4 comments · Fixed by nextcloud-libraries/nextcloud-vue#4778
Assignees
Labels
1. to develop Accepted and waiting to be taken care of accessibility enhancement
Milestone

Comments

@JuliaKirschenheuter
Copy link
Contributor

This is accessibility issue.

All necessary dialog parameters like role="dialog" aria-modal="true" aria-labelledby="modal-name-knqim" have to be on the modal dialog window, please check. Seems to be already the case

Screenshot from 2023-09-29 10-45-33

https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/

@JuliaKirschenheuter JuliaKirschenheuter added enhancement 1. to develop Accepted and waiting to be taken care of accessibility labels Sep 29, 2023
@JuliaKirschenheuter JuliaKirschenheuter changed the title [BITV]: Modal windowimproovements [BITV]: Modal window improvements Sep 29, 2023
@susnux susnux self-assigned this Oct 4, 2023
@susnux
Copy link
Contributor

susnux commented Oct 17, 2023

@JuliaKirschenheuter should the properties be on the modal mask (meaning including the next / prev buttons etc) or just on the modal content (the inner "window")?

@susnux
Copy link
Contributor

susnux commented Oct 17, 2023

(They are currently on the mask)

@JuliaKirschenheuter
Copy link
Contributor Author

Actually i think it is right how it is implemented right now. Probably there was some misunderstanding with Michael during our call. I think all this props have to be on the mask.

@michaelnissenbaum could you please make a double check and take as example a modal window on settings/users -> "+ New user"?

@michaelnissenbaum
Copy link

Hi @JuliaKirschenheuter , I've tested it now on both Windows and Mac with NVDA and VoiceOver, and it seems to be working. I have only one note. The close button in the dialog should ideally be labeled "Close" and not "Close modal."

susnux added a commit to nextcloud-libraries/nextcloud-vue that referenced this issue Nov 8, 2023
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
susnux added a commit to nextcloud-libraries/nextcloud-vue that referenced this issue Nov 8, 2023
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux susnux added this to the Nextcloud 28 milestone Nov 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop Accepted and waiting to be taken care of accessibility enhancement
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants