Skip to content

♿️ Improve homepage accessibility#311

Closed
jcailly wants to merge 5 commits intomasterfrom
jcailly/fix-aria-required-children
Closed

♿️ Improve homepage accessibility#311
jcailly wants to merge 5 commits intomasterfrom
jcailly/fix-aria-required-children

Conversation

@jcailly
Copy link
Copy Markdown
Contributor

@jcailly jcailly commented Jun 20, 2025

This modification fix aria-required-children issue in Lighthouse accessibility audit for the homepage/customerpage switch

@vercel
Copy link
Copy Markdown

vercel bot commented Jun 20, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
onruntime-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 7, 2025 11:26am

@antoinekm
Copy link
Copy Markdown
Member

On this one, you just need to correct the commit message, which contains a capital letter.

@antoinekm antoinekm requested a review from Copilot June 25, 2025 08:20
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR improves the accessibility of the homepage/customerpage switch by addressing an aria-required-children issue identified in Lighthouse audits.

  • Removed Link wrappers in favor of a router-based tab navigation handler.
  • Introduced explicit ARIA attributes (id and aria-controls) for both tab triggers and content panels to enhance accessibility.
Comments suppressed due to low confidence (1)

src/components/marketing/landing/page-switcher/index.tsx:36

  • Using an empty string as the visitor tab value could lead to ambiguity in the overall tab design. Consider using a more explicit identifier like "visitor" to improve clarity.
          <TabsTrigger value="" id="tab-trigger-visitor" aria-controls="tab-content-visitor">

<div className="w-full fixed bottom-6 select-none">
<Tabs
defaultValue=""
value={pathname.replace("/", "")}
Copy link

Copilot AI Jun 25, 2025

Choose a reason for hiding this comment

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

Using pathname.replace("/", "") to derive the tab value can be brittle if more complex routing patterns are introduced in the future. Consider using a mapping function or explicit values for greater clarity and maintainability.

Suggested change
value={pathname.replace("/", "")}
value={getTabValue(pathname)}

Copilot uses AI. Check for mistakes.
@jcailly jcailly closed this Jul 7, 2025
@jcailly jcailly deleted the jcailly/fix-aria-required-children branch July 7, 2025 11:30
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.

3 participants