fix(a11y): improve footer section heading semantics

Open Beginner friendly
#4,040 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react, typescript

Research direction

Start in frontend/src/components/Footer.tsx and inspect the Footer heading inside the Button component. Confirm how Button renders its native button element, then apply the project-approved semantic adjustment while preserving the visual appearance and layout. Done means the heading is no longer nested inside the interactive element and accessibility semantics are improved.

Written by the indexing model from the issue text.

Description

enhancement

While reviewing the Footer component for accessibility refinements, I noticed that a

element is currently nested inside a Button component in:

frontend/src/components/Footer.tsx

Since Button renders a native element, this results in a heading being placed inside an interactive element. Although this does not affect visual rendering, it may impact document outline structure and screen reader interpretation.

Proposed minimal adjustment:

  • Replace the
    with a styled to preserve visual appearance
    OR
  • Adjust structure to maintain heading semantics without nesting inside

This would not modify behavior or layout — only improve semantic correctness and accessibility compliance.

Happy to implement this following project conventions if aligned with maintainers.

Dominant language
Python
Stars
451
Forks
709
Avg merge
1d 8h
Merged PRs (30d)
89

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.

More from OWASP/Nest

All issues in OWASP/Nest

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.