WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Site review please

for

From: Terrill Bennett
Date: Nov 18, 2010 7:18AM

*** Good. I am guessing you signed up and signed in.

Yes, I did. (KrashTestDumby, but that's a secret, don't tell anyone!)

*** With the avatars on the main page, you:

1) Forced empty ALT and TITLE attributes to avatars - they're now
totally silent, and no longer links to the user profile. Awesome (see next)!

2) Removed user name under avatars. Ditto the "Awesome" above (see next).

3) You added "From User Name" to all entries and made them heading
level 3, and further (all good news):
a. Made the user name a link to that user's profile
b. If link to media was entered as part of the message, you also
made links to discuss the artist (under construction)
c. If link to media was entered as part of the message, you also
made links to discuss the song (under construction)
d. On both b and c, a pop-up window opens and gains focus. NVDA
read the "coming soon" contents, and the "Ok" button.

*** Colours are hardest

Yes, how true! Another link you may find helpful in selecting an
accessible color (colour for our Continental friends) scheme:
http://www.dasplankton.de/ContrastA/

*** Did you manage to locate "Share song" form, and work with it?

Yes, I tested it this morning and successfully added a song ("The F -
ing Blues," Kirt Lorange, on SoundClick.com - free song download):
http://www.soundclick.com/player/single_player.cfm?songid=3783555&;q=hi&newref=1

1) A pop-up form opens, and focus given to first edit box (Recipient,
optional) and NVDA read the label correctly. All edit boxes I
specifically looked at in the HTML have proper label tags with
"for=" attributes and NVDA had no issues with any edit box on the form.

2) When returning to the form after navigating away from the window
(to get artist info from another window I had open), NVDA correctly
re-reads the document name AND label of the field that had (and has)
focus when I left the page.

3) The ONLY potential issues I found are:
a. The "Close" link is at the top of the form. Since focus is
given immediately the first edit box, I didn't know it was present.

b. If I decided I didn't want to complete the form or opened it by accident:

i. tabbing through the form I do land on an "Add" button, but
there's no "Cancel" button
ii. tabbing past the "Add" button I go to links on the main
page. A non-sighted user won't know the form is still open. Worse, a
low-vision user with a screen magnifier may have difficulties because
the form is still open, potentially adding confusion to the entire
page, and that "x" link may be difficult to find.

c. The link to close the windows is named "x".

Suggestion: Add a "Cancel" button that closes the form.
Suggestion: Title the link "Close" or "[Close]" or something more meaningful.

FYI: in NVDA and JAWS, I can open a List Of Links dialog box. The
Close link in that list is called "x". What does "x" do? If you
change the link to "Close" what does "Close" close?

Helpful Hint: If you downloaded Firefox, and installed the WAVE tool
from a place called WebAIM, then right-click the page when the form
is open and disable styles. You'll see the Tab Order problems! The
form is near the top of the document with the "X" at the beginning of
the form, followed by the form, the Add button, and then "Start New
Trade" link.
http://wave.webaim.org/toolbar

*** New issue: this morning, after my third cup of coffee, I noticed
that when moving to the tabs (e.g. Friends, Trading, My Messages)
that it was impossible to visually tell the tab had focus. NVDA read
the links, so I knew they had focus. A low vision user not using
screen reading technology would probably not know, and wonder where
the focus went. You need some sort of communication - a change in
color, or at the very least, the normal dotted outline so commonly
seen on tabs.

*** I'm still waiting for someone to add a message WHILE I'm on the
site with NVDA open. No idea if the list gets updated, but I assume
it does. I do know there are no WAI-ARIA roles on the site. So I'm
anxious to know if the new message gets announced. Adding WAI-ARIA
live might be a bit of a challenge, and you'd need to test it on a
development site. A future improvement, I think.
http://www.w3.org/TR/wai-aria-primer/
http://www.w3.org/TR/wai-aria/
http://www.w3.org/TR/wai-aria-practices/
http://accessibleajax.clcworld.net/


*** Thanks for all of that! Very helpful.

No problem! This is, of course, one persons opinion. I'm hoping we
hear from others with their thoughts.

Speaking of thoughts: at this stage of your site, it may be
beneficial to add a "Feedback", "Suggestions" or "Contact Us" link in
the footer (or elsewhere) on your pages. User's have ideas - some of
them may even be useful! :-)

-- tb --