8000 Name the direct membership checkboxes in the Account Console Groups page by atishay-kasliwal · Pull Request #54773 · keycloak/keycloak · GitHub
[go: up one dir, main page]

Skip to content

Name the direct membership checkboxes in the Account Console Groups page - #54773

Open
atishay-kasliwal wants to merge 1 commit into
keycloak:mainfrom
atishay-kasliwal:fix/54361-groups-checkbox-accessible-name
Open

atishay-kasliwal wants to merge 1 commit into
keycloak:mainfrom
atishay-kasliwal:fix/54361-groups-checkbox-accessible-name

Conversation

@atishay-kasliwal
@atishay-kasliwal atishay-kasliwal 8000 commented Nov 6, 2026 •
Copy link
Copy Markdown

Closes #54361

I used the group path rather than the name in the label, because groups under different parents can share a name, which would leave two checkboxes with the same accessible name.

The label uses a new groupDirectMembership message key rather than joining strings, so translators can reorder it.

I added a test to groups.spec.ts that fails without this change and passes with it. I ran the Groups tests in Chromium against a nightly server with this message file patched into the account theme. ESLint, TypeScript and Prettier pass.

Assisted-by: Claude Opus 5.5

Closes keycloak#54361

Signed-off-by: Atishay Kasliwal <katishay@gmail.com>
@atishay-kasliwal
atishay-kasliwal marked this pull request as ready for review November 6, 2026 16:54
@atishay-kasliwal
atishay-kasliwal requested review from a team as code owners November 6, 2026 16:54
Copilot AI balanced review requested due to automatic review settings November 6, 2026 16:54
Copilot AI left a comment
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

No active review issues are recorded for the change adding group-specific accessible names to membership checkboxes.

No open issues 🎉

What changed in this PR

Addresses #54361 by giving each direct-membership checkbox on the Account Console Groups page an accessible name. Labels use the full group path to distinguish groups with identical names under different parents.

Changes:

  • Adds a translated, group-specific aria-label to each row checkbox.
  • Introduces the groupDirectMembership message key.
  • Adds a regression test for parent-group and subgroup checkbox names.
File Description
js/​apps/​account-ui/​test/​groups.spec.ts Tests accessible checkbox names for /one and /one/subgroup.
js/​apps/​account-ui/​src/​groups/​Groups.tsx Labels row checkboxes using the translated message and group path.
js/​apps/​account-ui/​maven-resources/​theme/​keycloak.v3/​account/​messages/​messages_en.properties Adds the English message with a group-path placeholder.

Review effort: Balanced

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Account Console Groups page: the per-row "Direct membership" checkbox has no accessible name (axe label, WCAG 1.3.1 / 4.1.2)

2 participants

0