Skip to content

A11y: Invite/Remove member buttons need accessible names #1619

New issue
New issue
Closed
#1626
Closed
A11y: Invite/Remove member buttons need accessible names#1619
#1626
Assignees
Ovgodd
Labels
accessibility
@rvveber

Description

@rvveber
rvveber
opened on Nov 17, 2025

docs/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAddMemberListItem.tsx

Lines 40 to 45 in a4e3168

<Button
color="tertiary-text"
size="nano"
onClick={() => onRemoveUser?.(user)}
icon={<Icon $variation="600" $size="sm" iconName="close" />}
/>

  • Problem: The “remove member” icon button contains only an icon marked aria-hidden="true" and no text or aria-label, leaving the control unnamed to screen readers.
  • Impact: Assistive tech cannot announce what the button does, so users cannot safely manage invitees with a screen reader.
  • Acceptance criteria / fix ideas:
    • Add visually hidden text or an aria-label that includes the user’s name/email (e.g., t('Remove {{name}} from the invite list')).
    • Ensure the button remains discoverable via keyboard and announces its action clearly.

Metadata

Metadata

Assignees

Labels

accessibility

Type

No type

Projects

LaSuite Docs

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions