Chatbot Accessibility Playbook

Recommendation 4.4.8:
Alert the user to new messages

Benefits Users

Icon for VisualIcon for AuditoryIcon for CognitiveVisual | Auditory | Cognitive


Phase 1: Gather & Organize

Icon for Read MoreRead More

  • Mozilla offers an introduction to ARIA-live tags, which support notifications on screen readers.


Phase 2: Design & Implement

Icon for TipTip

  • The chatbot should be able to get the user’s attention while they search for relevant information on their own, either on the host website or on other browser tabs.

Icon for ExamplesExamples

  • Notification sound

  • Change the color of the chatbot activation button

  • Change the border color of the chatbot window

  • Change the name of the tab in a browser

  • Use operating system notifications, badges, or banners


Phase 3: Test & Evaluate

Icon for Self CheckSelf Check

  • All message notifications are offered in both visual and audio formats

  • Messages are announced with ARIA-live tags

Icon for Ask the UserAsk the User

  • Were the notifications effective at getting your attention?

    • This question is subjective; use a Likert scale. This question should be asked post-study.



References

6, 13, 27