La navegación de una app. No sabe contraerse a propósito: el colapso lo controla el chasis desde la barra superior, y una segunda implementación aquí sería la que se olvida del inert.
Sin librería. Lo que reemplaza —el SidebarWithSections de Subframe, que es el chasis de navegación del portal entero— dibuja la cabecera de cada sección como un <div> con type="button": medido, 0 elementos enfocables y 0 roles. Hoy las 7 secciones no se pliegan con el teclado, y su aria-expanded no lo expone nadie porque cuelga de un elemento sin rol. Aquí la cabecera es un <summary> de verdad.
🎹 Pruébalo con el teclado: Tab recorre cabeceras y destinos · Enter o Espacio sobre una cabecera pliega la sección — eso es lo que hoy no se puede hacer · el anillo de foco tiene que verse entero, también en la primera y la última fila.
⚠️ Abrir y cerrar es instantáneo, sin animación de altura, y es deliberado: animarla necesita interpolate-size + calc-size(), que hoy son solo Chromium (70,47% global). Lo que sí se mueve es el chevron.
Pasa el cursor por una fila de la barra y luego por este botón. El botón se levanta 2 px y proyecta sombra; la fila solo se tiñe. Una fila está DENTRO de la barra, apilada a 4 px de sus vecinas: subirla la saca de la línea de la columna, y en tema oscuro la sombra es una banda sólida de color de marca que dibujaría una raya bajo cada fila que roza el cursor.
La losa brand-50 mide 1.0885:1 contra la superficie de la barra en tema claro: es invisible. Sin la barra de 2 px, lo único que distinguiría el destino actual sería el tono de la letra — que es exactamente lo que prohíbe SC 1.4.1. Carbon pone una barra de 3 px en aria-current="page" y Fluent una píldora de 4×20; Primer no pone ninguna, pero su losa sí se ve en su paleta.
No sabe contraerse. Eso lo controla AppChrome desde la barra superior, con inert, aria-expanded, aria-controls y cookie leída en el servidor. Una segunda implementación aquí sería la que se olvida del inert y deja el foco entrando en una barra que no se ve — el bug clásico, presente en cinco de los seis sistemas que se midieron.