WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible 'Live chat' solution to integrate on a website

for

From: Bryan Garaventa
Date: Sep 13, 2017 11:55AM

Hi,
Actually making live chat work accessibly on the web is incredibly easy and it has always confused me why this is so widely misunderstood.

There are only a couple main issues that complicate this, 1 is keyboard accessibility, which is simple by managing focus to and from the message field, and the second is conveying the incoming messages and other status messages that are visually displayed to screen reader users.

Getting incoming messages to be announced is simple using ARIA. Here is one JavaScript module that does exactly this:
https://github.com/accdc/aria-announce

Back in 2013, I created a test page to test support for this across desktop and mobile at
http://whatsock.com/tsg/Coding%20Arena/Web%20Chat%20and%20Dynamic%20Message%20Announcement/Web%20Chat%20(Static)/demo.htm

Optionally a small sound can be added to convey when incoming messages arrive to cover cases when ARIA is not supported or if people are looking at something else, but that is relatively simple to add.



Bryan Garaventa
Accessibility Fellow
Level Access, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.LevelAccess.com

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Roel Van Gils
Sent: Wednesday, September 13, 2017 9:44 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Accessible 'Live chat' solution to integrate on a website

Hi,

I'm looking for a live chat solution (such as https://crisp.chat/) that is keyboard operable and works nicely with screenreaders. I don't think any of the available tools are fully WCAG compliant, so we probably shouldn't aim for that.

I don't care about the visual appearance, pricing, integration features (mail, Slack etc.) etc. at this point. If only the front-end were accessible, that would already make me happy.

Thanks for your advice.

Roel