Chat

Designed to show real-time and past conversations between service agents or system and customer.

What the component handles

  • Each message uses <article> with aria-labelledby connecting author, content, and timestamp
  • role="log" or aria-live="polite" on message container for new message announcements

 

Color contrast

The 4.5:1 text and 3:1 icon contrast are ensured in all message variants.