Screen Reader + Website Accessibility

July 5, 2008 @ 1:51 pm

I remember the first time I closed my eyes, put on a pair of headphones and browsed the web using a screen reader. It was extremely challenging. Images without ALT attributes, Flash objects, and poorly coded websites left me feeling extremely frustrated and gave me even more empathy for web users with visual impairments. I think all website designers/coders should experience what it’s like to browse the web using a screen reader. This video shows Aaron Cannon, blind since birth, browsing a website using a screen reader.

Tags: , , , , , ,
University of Michigan + Ableism

December 2, 2007 @ 6:06 pm

University of Michigan
The University of Michigan’s Michigan Stadium in Ann Arbor is apparently in violation of the American’s with Disabilities Act. A letter sent to the University of Michigan by the U.S. Department of Education, Office for Civil Rights (OCR) (6MB PDF) informed the university that three complaints had been filed alleging that the stadium is “not accessible to or usable by individuals with mobility impairments.” The OCR determined that the University of Michigan was in violation of Section 504 of the Rehabilitation Act of 1973 and of Title II of the Americans with Disabilities Act of 1990.

(continue reading…)

Tags: , , , , , , , , ,
Accessibility + Google

July 15, 2007 @ 12:15 pm

via the Official Google Blog:

  • Web Search: Result pages include headers to delineate logical sections.
  • Accessible Search: Promotes results that are accessible.
  • Book Search: Full-text access to public-domain works.
  • Gmail: A simple yet functional HTML mode that works well with screenreaders.
  • Gmail Mobile: A lightweight user interface that is also speech-friendly.
  • Google Maps: Easy-to-use textual directions.
  • Calendar: A functional, yet speech-friendly user interface.
  • Audio Captchas: All services that use Google Accounts provide an audio alternative for the visual challenge-response tests that are used to distinguish humans from machines.
  • Mobile Transcoder: A mobile lens for viewing the web that produces accessible views.
  • Google Video: Allows uploaded videos to contain captions/subtitles in multiple languages for viewers who are hearing-impaired or unfamiliar with the original language.
  • Google Talk: IM clients inside a web browser can pose accessibility challenges, but the use of the open Jabber API means that Google users can choose from a variety of Jabber clients, many of which work well with adaptive technologies.
  • Web APIs: Many Google services offer high-level web APIs that aid in authoring mashups; this provides a means for creating highly customized accessible views.
  • 1-800-GOOG-411: Here’s an exception to the rule that we deliver most things through a web browser. Our experimental Voice Local Search service lets anyone who can speak into a phone search for a local business by name or category; get connected to the business free of charge; get the details by SMS if you’re using a mobile phone. (Just say “text message”.)
Tags: , , ,
Blackboard Community System

April 9, 2007 @ 11:35 pm

Blackboard Community System

Blackboard had an amazing booth at the NASPA/ACPA Joint Meeting in Orlando. It was the size of small house and it looked like one too! Inside their mini-mansion, the folks from Blackboard were demoing their portal solution, the Blackboard Community System.

(continue reading…)

Tags: , , , , , , , ,
The University of Tennessee Website

February 17, 2007 @ 1:07 pm

The University of Tennessee website redesign screenshot

The University of Tennessee recently re-designed their primary web pages. The new page design is very accessible, user-friendly, aesthetically pleasing and it’s optimized for search engines. Pages were coded using standards-based design techniques. Their use of cascading style sheets to “style” the homepage is gorgeous and accessible for users with visual impairments. Kudos to the University of Tennessee and the Office of Creative Services! They have truly created a “web 2.0″ university website.

(continue reading…)

Tags: , , , , , , ,
Close Your Eyes…

December 5, 2006 @ 4:37 pm

…now, touch your computer screen.

1 dollar bill

20 dollar bill

10 dollar bill

(continue reading…)

Tags: , , , ,
World Usability Day

November 14, 2006 @ 1:40 pm

From the Official Google Blog:

World Usability Day, November 14, 2006, is for everyone who’s ever asked these questions. This Earth Day style event, focused on raising awareness and visibility of usability engineering and user centered design, is currently being organized by volunteers and local event coordinators from around the world. Whether a usability professional or just an enthusiastic (or frustrated) user, each participant is making a contribution to “making life easy”.

Check out the worldwide usability events map as well as the usability webcasts schedule.

Tags: , , , ,
Accessibility

October 12, 2006 @ 9:51 pm

Giving presentations on web usability and web accessibility at conferences and workshops: 9

Talking about web standards and web accessibility at meetings: 1,476

Adding ALT attributes to images and testing Flash to see if it really can be compatible with screenreaders: 2,322+

Working on websites to ensure that they are accessible for all users: 11

Hearing my colleagues mention web accessibility, Section 508, and web standards before I do: Priceless.

Tags: , , , , , ,
A history of web projects

April 16, 2006 @ 12:45 pm

The official title of my OSU Graduate Assistantship is “Student Affairs Web Specialist.” Here are a few of the projects that I have worked on since I arrived in Corvallis in 2004.

OSU Admissions old
When I first started my assistantship at OSU, the Admissions web site looked like this:

old admissions design

The site was in need of an overhaul. The first few months of my assistantship were spent fighting fires. Various issues would arise that would need taking care of, and a complete overhaul of the Admissions web site would not happen for a long time.

OSU International Admissions
The primary project that I was assigned to was managing the re-design of the International Admissions web site (the version that is currently up is a progression from last year’s design.).

old international design

The International Admissions web site was re-designed using web standards and user feedback. The site was easy to navigate and loaded quickly due to its css-based layout.

admissions international design

The re-designed International Admissions web site received positive reviews from the OSU community and from several external audiences.

Eric Stoller’s Blog
Initially, the ESB was used to house my technology workshop lessons/links. The focus shifted when I decided that the blog could serve as my portfolio for CSSA as well as a personal journal. I blogged about life, school, and work. Eventually, my social justice posts became the primary focus of the blog. I think this is probably due to the fact that my passion for social justice came to the forefront of my life while I was in the midst of a life changing experience. I built the blog using WordPress. The theme was a free theme that I shaped to my own devices. I’ve added plugins for subscribers and recent comments/posts. The flexibility of a css-based design has allowed me to change colors, font sizes, etc. The php include construction of WordPress enabled me to add search functionality and comment functionality to posts/pages where it did not normally appear by default.

Eric Stoller's blog screenshot

I have had quite the experience with the blog. It is personal. It is professional. It is a portfolio.

OSU Precollege
I was given this project as a quick and easy web re-design. The folks over at OSU Precollege needed a web presence that reflected a consistent look and feel of the overall OSU web. I utilized a template from OSU Publications and created a basic web site.

OSU Precollege web page design

The biggest challenge with this project was the lack of “client” communication. The site was created by yours truly in a design vacuum. It’s not usually the way I would like to work. I prefer a collaborative process in which stakeholder involvement drives the project. The previous Precollege site had not been updated for a long time, and I fear that the current site design will exist for far to long. Unfortunately, I think this reflects the belief that as long as a site is online it is functioning. I believe this creates a static, cob web ridden presence that does not involve the actual users of the site.

OSU Success
This site was designed by an external vendor but I had a large role in the accessibility and usability of the site. The site was initially constructed in a format that was deemed to be boring for its intended audience. First-year students need a site that encourages participation as well as incentives for return visits.

OSU Success

I learned a lot about working with an external vendor on this project. There was a lot of planning, communicating, designing, and thinking that went into this project. The final project was accessible as well as standards compliant. The student response was very favorable and the site differed from similar sites.

A blog was created to compliment the student OSU Success site. Students were selected from the orientation staff and trained in the art of blogging. Site statistics showed that we did not have the best results with regards to visitors. However, I believe that the blog was a great experience for the student writers as well as for the students who read it.

OSU Success Blog


OSU Success for Parents and Family

A companion site for Parents and Family was created to compliment the student version. Parents and family were given content which was relevant to their experience. The site design that was used was simple and easy to use. Once again, the site was accessible and highly usable.

OSU Success for Parents and Family

Basecamp
While working with the OSU Success vendor, I became aware that the amount of email correspondence was becoming unmanageable. I had recently discovered the 37 Signals project management application: Basecamp. OSU staff and the external vendor utilized Basecamp for file transfer, deadline creation, and intergroup communications. The tool became an online archive for everyone on the project. Basecamp became a key component to our overall communications and project management strategy.

Basecamp and OSU

I’m really glad that I suggested Basecamp. For me, this clearly represented how online applications can be used to streamline group processes and communications.

OSU Graduate School
OSU Publications designed a new web site for the OSU Graduate School. I stepped in and was able to manage the interface between the folks from Publications and the Graduate School. I taught the GS folks how to update the new site as well as how to navigate a site that was structured using css and includes.

OSU Grad School web site screenshot
OSU Grad School forms screenshot

The Graduate School now uses online forms for a variety of data transmission functions. This should save them a lot of time, money and effort. The new GS site and online forms provides a heightened user experience for student users due to increased accessibility, usability, and functionality.

OSU Admissions new
The OSU Admissions web site re-design project was a terrific experience. It was a collaborative experience in which OSU Publications and OSU Admissions joined forces to create a standards compliant, user-friendly site. The site utilizes css and includes. We focused a lot on separation of content from the design. The new site includes a blog that has received a lot of visits. Written by an Admissions staffer, the blog showcases OSU Admissions as well as the accomplishments of the OSU community. I created the blog using WordPress (my personal blogging experience enabled me to set up the blog). The Admissions template encloses the new blog so that the user experience is seamless. The new Admissions site continues to grow and search engine optimization will increase as the site expands.

OSU NEW Admissions design screenshot

Admissions site level 2 redesign screenshot

OSU Admissions website level 3 screenshot

OSU Admissions blog


OSU Document Management Project

The OSU DMP is using a blog (another WordPress blog that I created) to transmit information to key stakeholders as well as enable users to interact with the site. The project is enormous in scope and will utilize the blog to maintain a constant stream of communication with users.

OSU EM DMP Blog screenshot


OSU Student Affairs

I am in charge of re-designing the OSU Student Affairs web site. The current version (pictured below) is not standards compliant and it is due for an overhaul. The primary users of this site are internal users. The site will serve as a central hub of information. I plan on using code from the OSU Admissions site design. The Admissions code is accessible and the site structure efficiently separates content from design.

OSU Student Affairs web site original screenshot


OSU Student Affairs - redesigned

Oregon State University Student Affairs website

*One of my last projects will probably involve the creation of a wiki for OSU Enrollment Management IT. The wiki will serve as a repository of techie tips and experiential histories. I’ve never created a wiki before so I will need to research the wiki options that exist. OSU CWS currently uses a wiki and I will probably see if their site wiki would work for OSU EM IT.

Tags: , , , , , , , ,
The Common Elements of Oppressions

March 31, 2006 @ 11:21 pm


The Common Elements of Oppressions
by Suzanne Pharr

It is virtually impossible to view one oppression, such as sexism or homophobia, in isolation because they are all connected: sexism, racism, homophobia, classism, ableism, anti-Semitism, ageism. They are linked by a common origin-economic power and control-and by common methods of limiting, controlling and destroying lives. There is no hierarchy of oppressions. Each is terrible and destructive. To eliminate one oppression successfully, a movement has to include work to eliminate them all or else success will always be limited and incomplete.

To understand the connection among the oppressions, we must examine their common elements. The first is a defined norm, a standard of rightness and often righteousness wherein all others are judged in relation to it. This norm must be backed up with institutional power, economic power, and both institutional and individual violence. It is the combination of these three elements that makes complete power and control possible. In the United States, that norm is male, white, heterosexual, Christian, temporarily able-bodied, youthful, and has access to wealth and resources. It is important to remember that an established norm does not necessarily represent a majority in terms of numbers; it represents those who have ability to exert power and control over others.

(continue reading…)

Tags: , , ,