app.onepassapps.com serve 491 SVG inline, icone ripetute e avatar duplicato

Il 10 novembre 2026 app.onepassapps.com ha servito 491 SVG inline su 56 URL: 458 icone in 27 disegni distinti e 33 copie dello stesso avatar startup¹.

Censimento del markup servito, con richieste HTTPS da una sola macchina, utente disconnesso, senza sessioni, cookie o JavaScript eseguito. Poi apertura di una pagina guida in un browser a due larghezze per verificare l’effetto del foglio di stile. Pubblicati file dei fatti e script usati, con data precisa di rilevamento: 10 novembre 2026¹.

Quasi tutto lo strato SVG ripete la stessa forma icona. Le 458 icone condividono undici attributi identici, inclusi viewBox 0 0 24 24, fill none, stroke currentColor, stroke-width 1.7, stroke-linecap e stroke-linejoin round, aria-hidden true, focusable false. Tre dimensioni: 220 a 24×24, 216 a 16×16, 22 a 20×20. Dietro le 458 istanze ci sono 27 disegni path diversi. Uno di questi è usato 105 volte: 61 come icona “semplice” e 44 con una classe in più descritta sotto¹.

Nessuno dei 491 SVG ha titolo, ruolo o aria-label nel markup servito. Tutte le 458 icone sono marcate decorative con aria-hidden true, quindi il testo accanto porta il significato. Le 33 copie dell’avatar sono gli unici SVG inline non marcati in quel modo. Non hanno titolo, ruolo o label, quindi risultano privi di nome nel markup consegnato. Qui si riportano gli attributi, non come un lettore di schermo li annuncia in pratica¹.

La classe gd-d nasconde 154 icone sotto certe condizioni di viewport e compare solo sulle 22 pagine guida. Nel foglio di stile, 255.426 byte, il token gd-d appare due volte, entrambe nella stessa regola: dentro una media query con condizione (width < 768px) oppure (width < 1024px) e (height <= 500px). La regola è .gd .gd-d.gd-d{display:none}. Un controllo in browser su una pagina guida conferma l’effetto: a 1280 pixel di larghezza i 7 SVG con gd-d erano visibili, a 390 pixel erano tutti nascosti. La classe non riguarda solo le icone. Segue anche 348 altri elementi, tra a, b, div, p, span, per togliere dal flusso parti delle guide che non stanno su schermi piccoli. Le 22 icone da 20×20 sono tutte marcate gd-d, una per ciascuna pagina guida, nel pulsante del pannello laterale¹.

L’avatar appare 33 volte, sempre uguale, ed è l’elemento marcato dal build con l’attributo data startup-sam. Ogni istanza contiene quattro gradienti, tre lineari e uno radiale, con 12 stop in 10 colori distinti. Include un filtro drop-shadow, due path, cinque id interni e nove riferimenti interni. Tutte le 33 copie disegnano la stessa figura¹.

Le 22 pagine dell’app non portano icone inline nel markup servito. Una verifica dopo il boot del bundle su una pagina app ha trovato un solo SVG inline, l’avatar. Le icone vivono nelle guide: 17 pagine guida con 19 icone, 5 con 17, l’indice delle guide con 50. Le cinque con 17 sono newsflow, movie-tracker, subtitle-workbench, teleprompter, citation-formatter. Il disegno icona è una caratteristica della shell delle guide, non dell’app runtime¹.

Per vedere gli elementi: la shell delle guide è a https://app.onepassapps.com/guides?utm_source=devto&utm_medium=community&utm_campaign=svg-icon-layer&utm_content=guides-link e la home con l’avatar è a https://app.onepassapps.com/?utm_source=devto&utm_medium=community&utm_campaign=svg-icon-layer&utm_content=home-link¹.