Posts Tagged Refresh Phoenix

building accessible websites

Gabe Vega of The Blindtechs Network gave a presentation on accessibility and usability at Refresh Phoenix last night (download PDF version here). The age-old wisdom is that you don’t know what you don’t know, and many of us sighted folk have probably never given a second thought as to how accessible our sites are to individuals who need screen readers and other assistive technologies to use our sites. We evaluate sites based on visual, functional and user experience aesthetics. Gabe is blind, which mean he evaluates sites based on accessibility aesthetics.

Gabe’s presentation walked through a handful of sites with various accessibility and usability issues. One example was the site of a local businessperson built using WordPress. The primary critique of the site was that blog post titles were not tagged as headers in the source code, meaning that a screen reader has no way of discerning its importance. All users skim headings to find the content we are most interested in. Sighted users look for changes in text size, font, and color. Blind users, via screen readers, look for demarcating tags. Thus, a screen reader ‘skimming’ the site completely skips over the post title to the comments section. And what good are comments if you don’t know what people are commenting on.

I mention the WordPress site because it is most relevant to my own sites, namely the one you’re reading right now. Ms. Herr when online is a hosted site using one of their standard theme templates. Curious if the title-not-tagged-as-header problem varied by theme, I turned on VoiceOver (fn+command+F5) and tried to navigate this site. The result: TOTAL FAIL. Katy, my reader, spoke the name of my blog, but nothing else. I’m guessing it’s one (or two) of two things:

  1. The theme I’ve selected doesn’t not include the proper tags for accessibility.
  2. I suck at using VoiceOver.

I have plans to redesign Ms. Herr when online in the near future. Even though I’m not a developer, I’m going to attempt to do it myself (wish me luck). After Gabe’s presentation, you can bet I’ll be testing the design for accessibility (assuming I can figure out how to not suck at using VoiceOver).

Bottom line, a basic understanding of accessibility and usability is important to anyone involved in the creation of websites. As a client, you need to know to ask your web designed and development provider to integrate usability into your site’s design. As a provider, you need to know how to design for accessibility.

And if you haven’t done it already, I’d encourage you to look at your own sites for accessibility. Check out W3C Web Markup Validation for one great tool (thanks @scottyj). If you don’t have the time or the know-how to make the fixes, or the time to self-teach, hire someone who does.

, , , , , , , ,

1 Comment

Refresh and the restroom

Last night I attended my 2nd Refresh Phoenix meeting.  And of course the after party, where there occurred, among other things, a rather odd moment…

tweet tweet “sittin in Ling & Louie’s when a man walks thru the dining room carryin a toilet. how bizzare!”

Of course much bathroom related commentary and humor ensued.  But also reminded me of this:

Fellas, how’d ya like to use this bathroom?  Would it boost your ego?  Or make you self-conscious?  I tend to like bathrooms, at least the cool and unusual ones.  And I find the concept rather amusing.  😉

Now, fun stuff aside, I’d be remiss if I didn’t actually talk about Refresh, especially as it was demo night and there were some interesting, and fun (yes, more fun) stuff presented.  As I was late, I only caught a few.  Of particular interest (to me of course):

1) Erica Lucci (@EricaLucci) of Integrum Technologies presented Read Phoenix, an aggregator of blogs and bloggers in the Phoenix.  (I’ll add myself one day, i.e. when I’m blogging with more frequency and value…perhaps when I publish a draft of a time map project that’s been incubating for two weeks.)

2) Brian Shaler (@brianshaler) presented XID, a tool for locating and engaging friends on multiple platforms by creating a linked list of a user’s web presence.  XID is still in development, but Brian regularly provides updates on the XID Development Blog.  (Def excited…can’t wait for launch.)

3)  Matt Gist (@aparticularpath) and Matt Heidemann (@heidmotron) presented nehmehyeh, an app that allows users to record their moods everyday of the year.  It’s a different spin on Flicker365 and other apps and groups centered around self-portraiture.  (This may find it’s way into my time map project.)

There were doubtlessly other great ideas and projects demoed (check out the list on the Refresh site).  I’ve heard a bit about DurtBagz and am disappointed I missed their presentation.

*If anyone can has other links I can attach to any of these folks, holla. 

, , , , , , , , , , , ,