HTML- en toegankelijkheidstools

Gratis ARIA Notify Snippet Generator

Genereer ariaNotify() aanroepen voor programmatische schermlezeraankondigingen met aria-live fallback.

Tool laden...

Wat is ARIA Notify Snippet Generator?

De ARIA Notify API (Chrome 141+) biedt een programmatische manier om dynamische contentwijzigingen aan te kondigen aan ondersteunende technologie. In plaats van handmatig aria-live-regios te beheren, roept u ariaNotify('bericht', { priority, duration }) aan. De API handelt de aankondigingswachtrij, prioriteitsordening en Promise-gebaseerde voltooiing af.

Snel antwoord

Gebruik ariaNotify('bericht', { priority, duration }) om programmatisch content aan te kondigen aan schermlezers. Retourneert een Promise die resolveert bij voltooiing. Chrome 141+. Gebruik aria-live-regios als fallback voor oudere browsers.

Last updated: 2026-06-03

Beperkingen

  • Alleen Chrome 141+. Firefox en Safari ondersteunen het nog niet. Fallback naar aria-live is vereist.
  • important-prioriteit vereist gebruikersactivering.
  • Meerdere snelle meldingen kunnen worden samengevoegd of genegeerd door de browser.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Kies het aankondigingsbericht en prioriteitsniveau (normal, important of none).
  2. Stel de duur in milliseconden in of 0 voor handmatig wissen.
  3. Roep ariaNotify() aan op het juiste triggermoment.
  4. Voeg een fallback naar aria-live-regios toe voor niet-ondersteunde browsers.

Waarvoor je het kunt gebruiken

  • Kondig formulierinzendingsresultaten aan na een AJAX-opslag.
  • Meld gebruikers van nieuwe content via infinite scroll of live updates.
  • Waarschuw bij een verlopen timer of voltooide achtergrondtaak.

Gebruik

Praktische voorbeelden

Voorbeeld

Formulierinzendingsfeedback

Na een fetch-respons kondigt ariaNotify('Formulier succesvol opgeslagen') het resultaat aan bij schermlezers zonder dat de gebruiker naar een statusbericht hoeft te navigeren.

Voorbeeld

Live content-update-aankondiging

Een dashboard laadt nieuwe gegevens. ariaNotify('Dashboard bijgewerkt met 5 nieuwe items', { priority: 'none' }) geeft een achtergrondmelding zonder de huidige schermlezeruitvoer te onderbreken.

Veelgemaakte fouten

  • Te frequent ariaNotify() aanroepen — dit kan schermlezergebruikers overweldigen.
  • ariaNotify() gebruiken voor gebruikersacties die al native feedback hebben.
  • Vergeten een fallback voor oudere browsers toe te voegen — de API is alleen Chrome 141+.

Verificatie

  1. Schakel een schermlezer in en activeer ariaNotify. Controleer of het bericht correct wordt uitgesproken.
  2. Test in een niet-ondersteunende browser (Firefox) om de aria-live fallback te verifieren.

FAQ

Vragen over ARIA Notify Snippet Generator

Hoe verschilt ariaNotify van aria-live-regios?

ariaNotify() is een programmatische API die u direct aanroept. aria-live-regios zijn DOM-elementen die aankondigen bij tekstwijziging. ariaNotify() handelt wachtrij, prioriteit en timing automatisch af.

Wat betekenen de prioriteitsniveaus?

normal wacht op huidige schermlezeruitvoer. important onderbreekt direct. none (silent) is beschikbaar voor latere review.

Wanneer resolveert de ariaNotify Promise?

Wanneer de ondersteunende technologie het bericht heeft uitgesproken. Zonder actieve schermlezer resolveert deze direct.

Gerelateerde tools

Meer html- en toegankelijkheidstools

Probeer ook

Probeer ook

CSS- en ontwerptools

CSS-carrouselgenerator

Genereer native CSS-carrouselmarkup met scroll-snap, scrollknoppen, scrollmarkeringen en een toegankelijke lijststructuur. Geen JavaScript nodig.

Open tool

CSS- en ontwerptools

CSS Scroll-State-querygenerator

Genereer CSS scroll-state()-containerqueries om gesnapte, vastgezette of scrollbare elementen te stylen. Inclusief JavaScript-fallback voor ondersteuning in andere browsers.

Open tool