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] 9.1.4.1/3.1 - Styling menubar - For many elements like "B" and "I", selected styles are visually marked by a pale blue background (1,2:1 to white) and remain below the contrast ratio of 3:1 that is needed to indicate the state visually. (2) #5065

Closed
JuliaKirschenheuter opened this issue Nov 29, 2023 · 8 comments · Fixed by #5098
Assignees
Labels
1. to develop a11y28checked needed for a11y accessibility help wanted Extra attention is needed

Comments

@susnux susnux transferred this issue from nextcloud/server Nov 30, 2023
@susnux
Copy link
Contributor

susnux commented Nov 30, 2023

Probably it would be enough to use the pressed property of NcButton which will enforce the contrast

@juliushaertl
Copy link
Member

Original reference #3860 (comment)

@nextcloud/designers Can someone please have a look at #3860 (comment) for that?

While I get the pressed state fixes the accessibility concern, i find that quite odd to have a kindof primary style for all those buttons.

@JuliaKirschenheuter JuliaKirschenheuter added the help wanted Extra attention is needed label Nov 30, 2023
@susnux
Copy link
Contributor

susnux commented Nov 30, 2023

See also this PR: nextcloud-libraries/nextcloud-vue#4344

@jancborchardt
Copy link
Member

i find that quite odd to have a kindof primary style for all those buttons.

@juliushaertl unfortunately there are not a lot of alternatives:

  • Current one does not have enough contrast
  • Having a dot below (or similar element) we had before, it looks nice but is non-standard and also there’s simply no space for it like e.g. in Office.
  • Adding a border would make everything very busy and introduce yet another style, also conflicting with the focus style.

Last time we talked about this we saw that Apple also uses the "primary" style, and it’s quite fine. In Text at least it works since there is no primary button. But indeed I am unsure about Collectives where there is a primary button too.

iOS Notes Apple Pages sidebar
image image

@juliushaertl
Copy link
Member

Ok, then let's go for the pressed button style.

@max-nextcloud
Copy link
Collaborator

Okay, cool. Looks like the pressed button style is available since 7.12.2 and stable26 is on 7.12.7 - so even if we want to backport this we should be fine.

@juliushaertl
Copy link
Member

We'd only "need" this for 28 but if we can fix this also for previous ones even better 🎉

@max-nextcloud
Copy link
Collaborator

I'll only backport to stable28 as this is quite a visible UI change and quite a bit of the ui changes with 28 while hardly any other ui changes will happen with 27 minor releases.

@szaimen szaimen added the a11y28checked needed for a11y label Jan 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop a11y28checked needed for a11y accessibility help wanted Extra attention is needed
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

6 participants