Ordine del focus

Outcome: Complete the task with Ordine del focus (Focus Order). User context: Al checkout, Tab si sposta attraverso dettagli di contatto, spedizione, pagamento, revisione e poi "Effettua ordine". Un pannello dei coupon non salta avanti. Quando la finestra dell'indirizzo si chiude, il focus ritorna sul pulsante che l'ha aperta. Recommended pattern: Ordine del focus (Focus Order). Why it fits: Mantieni lo stesso ordine del DOM della lettura e dell'ordine delle attività. Sposta tu stesso il focus solo quando l'interazione cambia contesto. Do not use it when: Evitare valori positivi di tabindex. Non utilizzare l'ordinamento CSS quando rende i percorsi visivi e da tastiera differenti. 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): Lo standard copre solo l'ambito elencato. Non sceglie lo stile visivo, la decisione sul prodotto o l'esempio di vocabolario. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.