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.