Skip to content

Fix skip to main content and heading structure warnings - #118

Merged
Dananji merged 1 commit into
mainfrom
a11y-best-practice-83
Aug 3, 2026
Merged

Fix skip to main content and heading structure warnings#118
Dananji merged 1 commit into
mainfrom
a11y-best-practice-83

Conversation

@Dananji

@Dananji Dananji commented Jul 24, 2026

Copy link
Copy Markdown

Related issue: #83

Changes in this PR related to the best practices issue in the ticket:

  • add a page-level skip link (Skip to main content) in app/index.html, targeting id="main-content" in VariationsMainView.jsx
  • change the "Timeliner" heading in the app-bar to a <h1> element using component="h1" on the existing MUI Typography component. This doesn't change anything visually, only the element tag in the DOM to a h1 from h6 which establishes the heading structure in the page
  • change AudioImporter's title "Open media file" to a <h1>, using disableTypography on <DialogTitle> component + a nested <Typography> element with similar props as the "Timeliner" heading. This establishes the heading structure for this specific page, because the main-view is in the background in this context

@cjcolvar cjcolvar left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Looks great!

@Dananji
Dananji merged commit effa1f4 into main Aug 3, 2026
1 check passed
@Dananji
Dananji deleted the a11y-best-practice-83 branch August 3, 2026 18:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants