Sticky sidebar: name the page when its heading has scrolled away #869

New issue

Closed

opened 2026-10-10 16:01:35 +00:00 by tiagoagueda · 1 comment

tiagoagueda commented

2026-10-10 16:01:35 +00:00

Owner

On Your details and Your career, the sticky sidebar's title should show the page's h1 once the h1 is out of view, instead of On this page or the current section, styled to read as a title.

What exists today

templates/accounts/profile.html:29-39 and templates/resume/overview.html:30-40: a sticky aside with <p data-section-label>On this page</p> and the section links.
static/js/app.js:6265-6348: the scroll spy marks the current section (aria-current="location") and, from lg, swaps the label for the current section's title once that is behind the masthead (#677).

What would change

When the page's h1 is behind the masthead, the label shows the page's name (Your details), larger, and the current section is marked in the list as now.

Decisions

The current section's title in the label (#677) gives way to the page's name. Recommended: the list already marks the section; the label names where you are.

Checked against main at 8c3d03570. From the maintainer's improvements list of 2026-10-07.

On Your details and Your career, the sticky sidebar's title should show the page's `h1` once the `h1` is out of view, instead of *On this page* or the current section, styled to read as a title. ## What exists today - `templates/accounts/profile.html:29-39` and `templates/resume/overview.html:30-40`: a sticky `aside` with `<p data-section-label>On this page</p>` and the section links. - `static/js/app.js:6265-6348`: the scroll spy marks the current section (`aria-current="location"`) and, from `lg`, swaps the label for the current section's title once that is behind the masthead (#677). ## What would change - When the page's `h1` is behind the masthead, the label shows the page's name (*Your details*), larger, and the current section is marked in the list as now. ## Decisions - **The current section's title in the label (#677)** gives way to the page's name. Recommended: the list already marks the section; the label names where you are. Checked against `main` at `8c3d03570`. From the maintainer's improvements list of 2026-10-07.

tiagoagueda added this to the 0.6.0 milestone

2026-10-10 16:01:35 +00:00

tiagoagueda added the

enhancement

accessibility

interface

labels

2026-10-10 16:01:36 +00:00

tiagoagueda self-assigned this

2026-10-10 17:48:34 +00:00

tiagoagueda commented

2026-10-11 10:32:29 +00:00