<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
#What is that element that appears many times in my dev server
warm frigate
rain jettyBOT
Hi @warm frigate. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
The element you're seeing in your dev server is related to Next.js's accessibility features, specifically the route announcer. This element is part of Next.js's built-in accessibility enhancements to improve the experience for users of assistive technologies.
According to the Next.js Accessibility documentation, Next.js includes a route announcer by default. This feature is designed to announce page transitions to screen readers and other assistive technologies when using client-side routing (like with next/link).
The specific element you're seeing:
<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
is likely part of this route announcement system. It's set up to be a live region that can dynamically update to inform assistive technologies about changes in the page content or navigation.
However, it's worth noting that in more recent versions of Next.js, some changes have been made to the development indicators. As mentioned in the devIndicators documentation, certain indicators were removed in Next.js version 10.0.1 and later.