Footer: the Forgejo mark beside “Source code”, the mark alone on phones #837

New issue

Closed

opened 2026-10-10 15:50:09 +00:00 by tiagoagueda · 1 comment

tiagoagueda commented

2026-10-10 15:50:09 +00:00

Owner

The Forgejo brand mark next to the “Source code” label; on small screens it stays right-aligned, shown as the mark alone, with “Source code” as its tooltip.

What exists today

The mark is already shipped: assets/brands.txt:38 (forgejo, single-colour, CC BY-SA 4.0), static/brands/forgejo.svg, drawn with {% brand "forgejo" %} (core/templatetags/postulo.py:99-124), decorative unless given label=.
TRADEMARKS.md:68: a mark is shown beside a link to say which service it goes to, unmodified; single-colour marks are drawn pure black or white.
Tooltips: Postulo uses a server-drawn <p data-tooltip> tied by aria-describedby (static/js/app.js:4697-4800), and title on icon-only buttons (cotton/site_search.html:94-100); Basecoat's [data-tooltip="…"] attribute is deliberately not used (assets/css/app.css:1716).
Footer links reach a 24-pixel target through py-1 (base.html:307-308).

What would change

{% brand "forgejo" class="size-4" %} before the label; below a breakpoint the label becomes sr-only so the link keeps its name, and the tooltip says “Source code”.
The icon-only link is at least 24×24 (SC 2.5.8).

Decisions

POSTULO_SOURCE_URL may point elsewhere — a fork on GitHub or GitLab — and a Forgejo mark would then misname where the link goes, against TRADEMARKS.md. Recommended: draw the mark only when the address is on a Forgejo host (upstream's by default), and the label alone otherwise; or pick the brand by host from the brand list.
Tooltip mechanism. Recommended: title plus the sr-only label, as the masthead's icon buttons do; the aria-describedby tooltip would read “Source code” twice.

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

The Forgejo brand mark next to the “Source code” label; on small screens it stays right-aligned, shown as the mark alone, with “Source code” as its tooltip. ## What exists today - The mark is already shipped: `assets/brands.txt:38` (`forgejo`, single-colour, CC BY-SA 4.0), `static/brands/forgejo.svg`, drawn with `{% brand "forgejo" %}` (`core/templatetags/postulo.py:99-124`), decorative unless given `label=`. - `TRADEMARKS.md:68`: a mark is shown beside a link to say which service it goes to, unmodified; single-colour marks are drawn pure black or white. - Tooltips: Postulo uses a server-drawn `<p data-tooltip>` tied by `aria-describedby` (`static/js/app.js:4697-4800`), and `title` on icon-only buttons (`cotton/site_search.html:94-100`); Basecoat's `[data-tooltip="…"]` attribute is deliberately not used (`assets/css/app.css:1716`). - Footer links reach a 24-pixel target through `py-1` (`base.html:307-308`). ## What would change - `{% brand "forgejo" class="size-4" %}` before the label; below a breakpoint the label becomes `sr-only` so the link keeps its name, and the tooltip says “Source code”. - The icon-only link is at least 24×24 (SC 2.5.8). ## Decisions - **`POSTULO_SOURCE_URL` may point elsewhere** — a fork on GitHub or GitLab — and a Forgejo mark would then misname where the link goes, against TRADEMARKS.md. Recommended: draw the mark only when the address is on a Forgejo host (upstream's by default), and the label alone otherwise; or pick the brand by host from the brand list. - **Tooltip mechanism.** Recommended: `title` plus the `sr-only` label, as the masthead's icon buttons do; the `aria-describedby` tooltip would read “Source code” twice. 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 15:50:09 +00:00

tiagoagueda added the

accessibility

interface

enhancement

labels

2026-10-10 15:50:09 +00:00

tiagoagueda referenced this issue

2026-10-10 15:50:26 +00:00

Footer: the book-text icon beside “Help”, the icon alone on phones #838

tiagoagueda referenced this issue