nextcloud / nextcloud/contacts

Make sure that all html code on the page have a right semantic

Open
#2,829 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Is your feature request related to a problem? Please describe.

Accessibility issue.

Please check, if:

  • Elements have complete start and end tags
  • Elements are nested according to their specifications
  • Elements do not contain duplicate attributes
  • Any IDs are unique
  • Button-elements are not nested in other buttons or link-elements
  • Div-elements are not nested in list-elements
  • li-elements are not nested in span-elements
  • li-elements are inside of ul/ol-elements
  • Please check with any accessibility plugin other possible semantic problems (e.g. AXE plugin)
Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

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 auditing the page with an accessibility plugin such as axe, using the listed checks for tags, nesting, attributes, IDs, buttons, links, divs, spans, and list elements. Done means the audit reports no remaining semantic or accessibility problems.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.