speech bubble
Photo by Volodymyr Hryshchenko on Unsplash

In this post I build an accessible alert widget.

An alert is an element that displays a brief, important message in a way that attracts the user’s attention without interrupting the user’s task.

Because alerts are intended to provide important and potentially time-sensitive information without interfering with the user’s ability to continue working, it is crucial they do not affect keyboard focus. The Javascript alert dialog is designed for situations where interrupting work flow is necessary (caused by the “onblur" handler)

Keyboard Interaction.

  • Not applicable.

WAI-ARIA Roles, States and Properties.

  • Has a role of alert.

Examples:

Github link to my alert implementation.

--

--

Gertrude Nyenyeshi

Gertrude Nyenyeshi

Engineering | Art | Design | Science | Lover of Dogs | VR Enthusiast | Community