Summary

NavScreen language and version menus allowed the active entry to be clicked, causing pointless navigation. Active items now render as non-interactive elements with disabled styling while keeping other options clickable.

• Behavior: Render active language/version as spans with aria-current="page" and aria-disabled.
• Styling: Add disabled state class to prevent pointer events and dim text.
• Accessibility: Use semantic aria attributes for active entries.

Example:

const isActive = item.text === activeValue;
return isActive ? (
  <span className={className} aria-current="page" aria-disabled={true}>
    {item.text}
  </span>
) : (
  <Link href={item.link} className={className}>
    {item.text}
  </Link>
);

Related Issue

Checklist

• Tests updated (or not required).
• Documentation updated (or not required).

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.