nextcloud / nextcloud/contacts

Accessibility issues

Open
#2,675 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
642
Forks
220
Avg merge
14h 39m
Merged PRs (30d)
51

Description

Unorganized dump of accessibility issues I found when doing https://github.com/nextcloud/server/pull/31584

Focus handling

  • Focus effect is not big enough against the element beside it (1.13) and is inexistent when the category is (selected style == focus style)
    image

  • Same issue with setting category
    image

  • Avatar can be focused but when clicking on it nothing happens (probably shouldn't be focusable at all)image

  • Upload button focus is not big enough
    image

  • Various text fiels don't have a visible label
    image

  • Warning button can't be focused
    image

  • Add groups button doesn't have popover and aria-label is "Actions" instead of "Create a Group"
    image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the listed focus, visible-label, warning-button, avatar, upload-button, and group-button problems in the contacts app UI. Work through the checklist one item at a time and verify keyboard focus, labels, and actions with an accessibility check; done means each reported issue is resolved and the relevant behavior is retested.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.