Higher Ed Live + Web Accessibility

Higher-Ed-Live

I’ll be the guest on Higher Ed Live this Sunday at 4PM PST / 7PM EST. The topic is web accessibility and higher education websites. I’m really excited to be on the show!

Ensuring our websites are usable by people of all abilities and disabilities is a legal and moral obligation many higher ed institutions have failed to live up to. Eric Stoller, an Oregon-based student affairs technology expert, national speaker, and blogger for Inside HigherEd, joins Higher Ed Live to talk about accessibility on the high ed web, including legal requirements, who’s doing it right and all the tools a school needs to get it up to speed.

Blogging Student Affairs and Technology

Inside Higher Ed - blogging about student affairs and technology - Eric Stoller

I am thrilled to announce that I’m going to be blogging about Student Affairs and Technology for Inside Higher Ed (IHE). As an avid reader of IHE, I am very excited to join the IHE blogging team. I think that my posts on student affairs + technology will complement Joshua Kim’s blog on Technology and Learning.

Recently, I held a contest via Twitter to name my new blog. The incentive — a $100 Amazon gift card — courtesy of Inside Higher Ed. Several folks came up with interesting/creative blog names. I think the #SAChat Community provided the majority of ideas. Student Affairs folks are uber creative.

Here are my 3 favorite submissions:

  • Jeff Jackson: The Stoller Strikes Back, Return of the Blogosphere, Student Affairs….I am Your Blogger
  • Zack Ford: Challenge and Tech Support
  • ACUHO-I (sent via DM): Binary Code of Conduct

Choosing a winner from these 3 has been extremely challenging. Star Wars references, Sanford, and an entire Association…how cool is that?!! After more than a week of deliberate (intentional ;-) ) deliberating I have decided that the winner of the gift card is:

eric-stoller-challenge-and-tech-support

Zack Ford’s submission made me laugh. It’s subtle….and I love subtlety. The obvious nod / homage to Nevitt Sanford warms the heart. Challenge and Support is one of my all-time favorite, and oft-used, student development theories.

It should be noted that Julie Larsen was correct…the official name of my new blog is going to be: Student Affairs and Technology. The name needed to be something that would be simple enough that any IHE reader would know exactly what it was about. The blog also needed to be search engine friendly…”Students Affairs + Technology” is simple and searchable.

Stay tuned for my first official post on Inside Higher Ed!

Honorable mention:

Julie P-Kirchmeier: Stoller: Resistance is Futile

Niki Rudolph: Epic Stoller

Justine Carpenter: Tech Tips for SAPs

Christopher Conzen: The Stoller Coaster

Google Wave and Accessibility

Google Wave is “totally inaccessible.” According to Web Accessibility in Mind’s (Web AIM) Jared Smith.

Smith’s list of Google Wave’s inaccessible aspects is quite disappointing:

  • Alternative text is not provided for any images.
  • Background images are used to convey content.
  • Roles, states, and other accessibility properties are not defined.
  • There is no document or heading structure or semantics. None! Not even a list!
  • Form elements do not have labels or titles.
  • Keyboard focus indication is hidden, making keyboard navigation nearly impossible.
  • Most interactive elements are not in the tab order or do not respond to keyboard activation.
  • Keyboard focus is often trapped, requiring the page or browser to be closed to resume keyboard navigation.
  • The application becomes unusable and unreadable when text size is increased only slightly.

I concur with Smith’s hope that Google Wave will be made into an accessible product. It’s too bad that accessibility was not part of the initial framework of Google Wave. How many times do we have to experience something built with either brick/mortar or “1’s and 0’s” that is not accessible for all users? Ableism is so pervasive. C’mon Google…you can’t really be “great” if you’re not making great things for everyone to use.

Subtitles + Common Craft = Awesome

I’m a big fan of the Common Craft Show. They take complicated concepts and translate them into “plain English”. I was perusing the Common Craft site yesterday when I noticed that they provide links to subtitled versions of their videos via dotSUB.

Here’s an entertaining and accessible (for people with auditory impairments) video called “Zombies in plain English”:

Another benefit of dotSUB is that they provide a transcript of the subtitled text in plain text. This plain text is extremely useful for users who want to access the Common Craft Show content using a screenreader like JAWS or Window-Eyes.

An accessible web

Target settles lawsuit with advocates for blind

Target Corp. will revamp its Web site to make it more accessible for the blind and pay $6 million in damages to plaintiffs who joined a class action lawsuit against the retailer, under a settlement announced yesterday with the National Federation of the Blind.

Virginia Tech Tries ‘Compliance Sheriff’ To Improve Web Site Accessibility

Virginia Tech has selected HiSoftware’s Compliance Sheriff to address management of its Web site accessibility. Compliance Sheriff is a browser-based service that crawls a Web site and compares pages against a user-defined set of criteria. The tool will compare the school’s site against world-wide accessibility guidelines such as the federally-defined Section 508, which addresses how technology should be designed to enable its use by people with physical impairments, and Web Content Accessibility Guidelines (WCAG) 1.0/2.0, from the World Wide Web Consortium, which address Web content and mobile Web applications.

Multimedia/Flash Screenreader Tango

Screenreaders don’t like flash, and I’ve invested huge amounts of time to try and satisfy the requirements of a flash (SlideshowPro) feature spot being “cool” and compliant at the same time. It ain’t easy folks. And there are quite a few universities deploying homepage flash content that isn’t accessible. And you know who you are.

WebAnywhere

WebAnywhere provides access to the web from any machine with a modern web browser and some way to play audio. It is useful for web developers who would like to check their pages for accessibility and for blind web users using a computer where no other screen reader is available.

Screen Reader + Website Accessibility

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.

Accessibility + Google

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”.)

Blackboard Community System

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 Blackboard Community System

World Usability Day

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.

A history of web projects

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.