Interfaccia Più dettagli C · Convenzione del settore

Lightbox

Lightbox

Una lightbox apre i contenuti multimediali in un lettore più grande e scurisce la pagina intorno.

Prova un esempio
Potresti chiamarlo Lightboxvisualizzatore di immaginisovrapposizione galleria

Prova un esempio

Lightbox<dialog>
Luce dell'alba su uno studio originale della cresta astratta02 / 05
Lightbox

Studio sulla cresta · Fotografia 2 di 5

Un esempio vero

Seleziona una foto per aprire una visualizzazione a grandezza naturale con didascalia. Ha i pulsanti Precedente, Successivo e Chiudi.

Parti principali

  1. 01Attiva
  2. 02Anchored or modal surface
  3. 03Focus boundary
  4. 04Dismiss path

Usalo quando

Usalo per osservare attentamente i media senza perdere la posizione attuale nella galleria.

Non usarlo quando

Non usarlo mai per un compito che richiede modifiche complesse o il confronto affiancato.

Nome usato nel codice

<dialog>

Prima di spedire

Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states.

Puoi copiare la richiesta

Outcome: Complete the task with Lightbox (Lightbox). User context: Seleziona una foto per aprire una visualizzazione a grandezza naturale con didascalia. Ha i pulsanti Precedente, Successivo e Chiudi. Recommended pattern: Lightbox (Lightbox). Why it fits: Usalo per osservare attentamente i media senza perdere la posizione attuale nella galleria. Do not use it when: Non usarlo mai per un compito che richiede modifiche complesse o il confronto affiancato. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Nessun singolo standard ufficiale controlla l'intero termine. Il suo significato può cambiare tra team, piattaforme o framework. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.

Controlla questa richiesta

Review how Lightbox (Lightbox) is used now. Definition: Una lightbox apre i contenuti multimediali in un lettore più grande e scurisce la pagina intorno. Release checks: Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

C
Quanto è ufficiale questo termine?

Convenzione del settore

Le persone usano spesso questo termine al lavoro. Le fonti elencate possono supportare la pratica o i limiti. Non definiscono ogni parte del termine.

Nessun singolo standard ufficiale controlla l'intero termine. Il suo significato può cambiare tra team, piattaforme o framework.

Ambito
Solo ciò che la sorgente copre:nome canonico、definizione、interazione、comportamento della tastiera、accessibilità、guida all'uso、linee guida per l'evitamento
stato del documento
stabile
Selezionato attivato
2026-07-30

Fonti e ambito delle prove

Fonte dell'autorità · W3C WAI · stabile ARIA Authoring Practices Guide Ambito: nome canonico、definizione、interazione、comportamento della tastiera、accessibilità Ruolo qui: Contesto utile, non una definizione La fonte copre: nome canonico, definizione, interazione, comportamento della tastiera, accessibilità Fonte dell'autorità · W3C · raccomandazione Web Content Accessibility Guidelines (WCAG) 2.2 Ambito: accessibilità、guida all'uso、linee guida per l'evitamento Ruolo qui: Contesto utile, non una definizione La fonte copre: accessibilità, guida all'uso, linee guida per l'evitamento

Copia tu stesso

Il browser non è riuscito a copiare questo. Seleziona la richiesta qui sotto e copiala tu stesso.