Ieșire rapidă din pagină

Prezentare

Permite părăsirea imediată a paginii într-o situație de urgență, fără să lase o urmă ușor de găsit în istoricul browserului.

Când se folosește

• pe pagini cu conținut sensibil, unde o ieșire rapidă și discretă contează (de exemplu servicii legate de siguranța personală).

Când nu se folosește

• pe pagini obișnuite — prezența nejustificată a acestui link ar induce o falsă senzație de urgență sau pericol.

Anatomie

Un `<a class="sd-exit-page" data-sd-exit-this-page href="...">`, stilizat ca acțiune de avertizare.

Variante

• implicit — o singură variantă

Stări

• implicit
• :hover

Comportament

Fără JavaScript: link real; ieșirea funcționează ca orice navigare obișnuită, către adresa din `href`. Cu JavaScript (`enhanceExitThisPage`): click-ul înlocuiește intrarea curentă din istoric (`location.replace`), astfel încât butonul „înapoi" al browserului nu poate reveni la această pagină; apăsarea tastei Shift de trei ori consecutiv, în mai puțin de o secundă, declanșează aceeași ieșire, fără să fie nevoie de mouse.

Reguli de conținut

• destinația (`href`) e un site neutru, real — niciodată un placeholder lăsat necompletat.

Responsabilitățile implementatorului

• setează un `href` real către un site neutru — enhancement-ul JavaScript navighează exact la acea adresă, nu la una hardcodată separat în cod.

Cercetare

• https://github.com/ciprian-rus/sistem.digital/pull/89 (site extern)

Istoric

Structura completă a acestei secțiuni urmează șablonul canonic al paginii unei componente. Accesibilitatea (semantică, tastatură, focus) rămâne documentată separat, conform șablonului de accesibilitate.

Preview și markup canonic

Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.

Instalare și importuri

pnpm add @sistem-digital/tokens @sistem-digital/components

@import '@sistem-digital/components/navigation.css';

import { enhanceExitThisPage } from '@sistem-digital/components';

<a class="sd-exit-page" href="https://www.google.com" data-sd-exit-this-page>Ieși rapid din această pagină</a>

Contract și surse

• Documentația familiei Navigație
• Codul sursă (site extern)
• Changelog (site extern)

Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.

Matricea design–cod

Disponibilitatea reală a acestei componente, calculată din pachetele publicate, conform schemei matricei design–cod. Rândurile Figma, testare cu tastatura și testare cu cititor de ecran rămân „Indisponibil” până la dovezi publicate separat (kit Figma, respectiv auditul manual de accesibilitate).