Confirmed users
293
edits
User:GijsKruitbosch/ChatA11Y AppAuthors: Difference between revisions
User:GijsKruitbosch/ChatA11Y AppAuthors (view source)
Revision as of 18:39, 2 June 2009
, 2 June 2009no edit summary
mNo edit summary |
|||
| Line 86: | Line 86: | ||
For each message that is added and that is more important than other messages (either because it is a message intended for you directly, rather than a channel, or a channel message containing the user's nickname name, or a word the user specified in their [http://chatzilla.hacksrus.com/faq/#stalk stalk list]), the message row is marked with <tt>aria-live="assertive"</tt> rather than <tt>polite</tt> (the default for the message table, as shown above). This allows important messages to come to the user's attention before other messages (see the explanation about <tt>aria-live</tt> values noted above). | For each message that is added and that is more important than other messages (either because it is a message intended for you directly, rather than a channel, or a channel message containing the user's nickname name, or a word the user specified in their [http://chatzilla.hacksrus.com/faq/#stalk stalk list]), the message row is marked with <tt>aria-live="assertive"</tt> rather than <tt>polite</tt> (the default for the message table, as shown above). This allows important messages to come to the user's attention before other messages (see the explanation about <tt>aria-live</tt> values noted above). | ||
== Tables or Divs for messages == | |||
One of these examples used a div container for the messages, with one div added for each messages, while another used a table with rows for each message. In principle both can be made accessible using ARIA, as shown above. | |||
If you have not yet made a decision as to which to use for your application, the advantage of tables for assistive technology users is that they allow one to easily navigate just the timestamps, just the users or just the messages (without reading the other columns). In a div, even if you have each part in a separate span (which would be visually styled so as to be significantly different for sighted users), these parts quickly become jumbled together due to the way accessibility tools work, thus taking away useful navigational possibilities. | |||
== Conclusion == | |||
This article has attempted to show how to make chat logs accessible using the WAI ARIA spec. If you have any further questions, drop by [irc://irc.mozilla.org/#accessibility #accessibility], and people might be able to help. | |||