WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: The Facebook Chat Bookmarklet has been updated

for

From: Bryan Garaventa
Date: Dec 1, 2011 8:30PM

Plus I just fixed the missing background clr on the wireframe.; a bit embarrassing...
Not seeing is a pain at times...

----- Original Message -----
From: Bryan Garaventa
To: WebAIM Discussion List
Cc: <EMAIL REMOVED>
Sent: Sunday, November 27, 2011 5:21 PM
Subject: The Facebook Chat Bookmarklet has been updated


Hi, just to clarify, the Facebook Chat Bookmarklet works on Facebook.com, and is different from the wireframe demo at
http://whatsock.com/modules/accessible_chat_dialog_module/demo.htm
which is used to demonstrate a functional online chat widget. Some people were asking me about this earlier.

So the bookmarklet, when activated from your Favorites/Bookmarks menu while the Facebook chat dialog is open, will automatically add a scheduled event to check for new messages every second, then when one is detected, the new message is automatically announced by screen readers that support ARIA.
Also, the beginning of the message area is converted into a heading, so that heading navigation can be used by screen reader users, and the Message input field is given a hotkey so that keyboard only users can quickly jump to the chat input field from anywhere on the page.

Just run the bookmarklet whenever you open a Facebook chat dialog, and accessibility will automatically be configured for screen reader users.

So for the update...

Screen reader users can now press Ctrl+1 to hear the last 5 messages announced in chronological order.
If anyone feels that this should be increased, let me know, it's easily done.

For those currently using the bookmarklet, you don't have to do anything, since it already points to the updated code at
http://whatsock.com/modules/accessible_chat_dialog_module/js/fb_chat.js

For those not using the bookmarklet but wishing to try it out, you can get it from the bottom of the page at
http://whatsock.com/modules/accessible_chat_dialog_module/demo.htm
Which is where some of the confusion I was refering to earlier originates. Just scroll down to the bottom of the page and you can't miss it.

The code for the bookmarklet, including the remote JS file, is also available in the download for those wishing to take it apart.

Best wishes,
Bryan