Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Improve toast accessibility

Aperta
#1,629 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
42/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
typescript

Direzione di ricerca

Non è indicato alcun file, test o punto di ingresso. Inizia individuando l’implementazione dei toast e il comportamento di accessibilità esistente, quindi determina quali tipi di messaggi richiedono annunci e se si applica la semantica di alert proposta. Il lavoro è completato quando il tipo di toast concordato viene comunicato agli utenti di screen reader e il comportamento di accessibilità pertinente è coperto dai test.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Some suggestions:

1. State the type of message

Announcing the type first (like "Error: [message]"), this is generally a good practice:

  • It immediately communicates the severity to screen reader users
  • It helps users mentally prepare for the information
  • It provides context similar to how visual users get from the colors/icons
<div aria-live="assertive" aria-atomic="true">
  <span class="visually-hidden">Error:</span>
  <p>Your form submission failed. Please try again.</p>
</div>

2. Use role="alert"

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role
For stronger levels like error or warning, I think this fits the use case

Lingua principale
TypeScript
Stelle
19
Fork
8
Merge medio
1g 16h
PR unite (30g)
52

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di nextcloud-libraries/nextcloud-dialogs

Tutte le issue di nextcloud-libraries/nextcloud-dialogs

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.