Categories
"assistive technology" video youtube

Accessibility Videos

Here’s a great list of videos and YouTube channels about web accessibility, assistive technology, and more. And from some excellent sources!

Categories
html5 longdesc w3c

AAP Provides Longdesc Feedback to W3C

There’s a debate over whether or not the longdesc attribute should be made obsolete in HTML5. I wrote a bit about it a few months ago in the article Longdesc & Other Long Image Description Solutions.

Recently the Association of American Publishers (AAP) submitted feedback on longdesc to the W3C HTML 5 Working Group. It’s very well written and thought it should be shared. I obtained permission to publish the response (thanks Suzanne and Ed). Here is the main part of it:

Use of structured text as a text alternative for an image is supported in HTML through the longdesc attribute. Though there are other options for presenting structured-text, the longdesc attribute provides following benefits:

For User Experience

  • The longdesc attribute is a dedicated mechanism for just this purpose, and it always works in the same way:
    • Students and instructors will find the same user interface throughout all materials, so they will not need to learn new interfaces product-to-product, which takes time and attention away from the learning content.
    • The longdesc attribute can be revealed programmatically through browser extensions, providing access for users who do not use screen readers. Many users benefit from text alternatives, especially users with low vision.
    • The longdesc attribute does not impact the visual design. So, authors do not have to worry about how the text might impact the visual user experience. Authors can, therefore, focus on the experience of students and instructors with visual impairment while they write text alternatives. This focus on the primary audience helps authors create text that is well-suited for its purpose.

For Production Processes and Quality Assurance:

  • The longdesc attribute is easy to code. There is no need for custom scripting.
  • The longdesc attribute works with assistive technology today. If the longdesc attribute continues to be supported, content that works well for users today can be used in future products without editing.
  • The longdesc attribute can be programmatically recognized and tracked, allowing publishers to locate existing long descriptions and to test for the presence of long descriptions.

We are using longdesc increasingly in our products. Unless a different mechanism is created that meets all these requirements, we urge the W3C to keep the longdesc attribute in HTML specifications moving forward.

We do acknowledge that user agent support for the longdesc attribute should be improved. In particular, users who have low vision or who find image descriptions helpful for any reason should be able to set their user agent to reveal the descriptions. The HTML 5 specification should clarify that user agents should provide this functionality in addition to passing information to assistive technologies. In this case, publisher documentation for products with numerous longdesc attributes might include tips about use of these user agent settings.

Evaluating Other Solutions

We discuss the aria-describedby attribute following to illustrate that solutions that at first seem to duplicate the qualities of the longdesc attribute may not actually be as useful when implemented.

The aria-describedby attribute takes the unique indentifier (“ID”) of another object on the same page as its value. In other words, it points to another object (e.g. a paragraph or a link) on the page. This attribute could become an effective way for developers to indicate that the information provided by an image is actually redundant with other information on the page.

Screen reader developers might implement this attribute so that it is silent in screen readers when used on an image by default. They might also allow those who want additional information to set their screen reader to announce aria-describedby and to provide a way to jump to the object indicated by the attribute. An instructor, for example, might choose this setting to be aware of what sighted students will be experiencing.

But, the aria-describedby attribute falls short as a mechanism to link to a separate page of structured text. The aria-describedby attribute could point to a link on the same page as the image, but:

  • Hiding the link visually would require custom CSS or scripting. The mechanism for hiding the link would therefore differ product-to-product, making browser extensions or features to show the links more complex to code and less reliable for users.
  • The link would have to be present on the page for screen reader users, creating redundancy for those users.
  • Since the aria-describedby attribute points to a link or to other content on the same page, its structure implies a two-step process to reach the text alternative. Compared with longdesc, the two step process is more tedious:
    • The user moves to the object that aria-describedby references.
    • If the object is or contains a link or a button, the user interacts with that object to move to the text alternative.

If the issues above are resolved and aria-describedby is used as a way to access descriptions that are otherwise hidden from all users (including screen reader users), another problem emerges. In that case, aria-describedby cannot be silent by default in screen readers when used on images, compromising its use to illustrate that the content of an image is already available on the page. Developers may not realize the distracting and frustratingly circular user experience that this would cause and might use aria-describedby to point to, for example, a paragraph just above the image. Users would then likely follow the aria-describedby announcement, expecting to find additional content, but they would arrive, instead, at a paragraph that they have likely just read.

We urge the W3C HTML Working Group to write out the expected implementation and user experience details of any proposed replacements for the longdesc attribute to be sure that they will be at least as effective as the longdesc attribute in practice.

Categories
analysis google socialmedia

Google Plus Keyboard Accessibility

Social media in general has major accessibility problems. Twitter, LinkedIn, and Facebook all certainly need improvement.

Google’s latest attempt at social media, Google Plus, launched a short time ago. This time, Google says they “considered accessibility of Google+ from day 1“. Although it’s a much better attempt at accessibility than the ill-fated Google Wave, Google Plus still has a lot of room for improvement.

I’ve only come across one Google+ accessibility review, Will Blind Users Be +1ing?, by a visually impaired user. So I decided to do some more testing myself. Once I got started, it quickly became apparent that only keyboard access checks were needed to determine how much more work needs to be done, as there were many, unfortunately.

Below are some of the web accessibility issues I found on Google Plus, all keyboard access issues.

Home/stream page

  • Tab into “Share” flyout but couldn’t get out without mouse. Strange since you can use Escape key to close the Notifications and Options flyouts.
  • In right column under “Suggestions”, can tab to “Add to circles” button but can’t activate it. Also, unable to tab to “Show all” link.
  • Under stream in left column, the circles links do not have visual focus state.

On a profile page

  • Unable to open Circles options.
  • Can open “Send an email” dialog, but upon closing, focus is lost and returned to top of page.
  • The text and image links in left column have no visual focus indicator, (how frustrating!): People in common, In [username] circles, Have [username] in circles.
  • On posts, no visual focus on “limited” link.
  • On posts, options are not keyboard accessible.

Photos page

  • After selecting a page number or prev/next, focus is lost and returned to top of page.
  • Image hover event not available with focus.
  • Can open image view, but upon closing, focus is lost and returned to top of page.
  • After opening image view, no visual focus on almost everything, I’m lost.
  • After opening image view, unable to select arrows to go to prev/next image.

Circles page

I give up. None of the main content on this page is keyboard accessible. No wonder why screen reader users can’t add people to circle; requires mouse-only drag-and-drop. I guess Google missed Opera’s article on accessible drag-and-drop using ARIA.

Global

  • No visual focus on footer links: Terms – Content Policy – Privacy

Summary

Google+ is more accessible than most Google apps, especially for a new one. But that’s not saying much; there are still many issues to resolve. And again, the list of problems on this post are only a subset of issues. It’s sad the such a huge, powerful, rich technology company can’t get the basics of web accessibility, even when they planned it from the start.

PS: When setting up Google voice and video chat, I quickly came across two “click here” links, yuck!

Categories
jobs

Web Accessibility-Related Jobs!

Here’s a great list of recent job listings (all but one in the U.S.) relating to web accessibility.

Categories
"fixing alt" alt fun

Fixing Alt – MacGuyver Coffeemaker

No coffeemaker and need coffee?! So you search the web and find an article about brewing coffee MacGuyver-style, but can’t access the large image which contains the vital points. Lifehacker’s article Brew an Emergency Cup of Coffee with Two Paper Cups and a Filter is practical and fun, but the image containing the crucial steps is missing alternative text. So to save my fellow coffee fans in a time of crisis, here’s the alt text:

  1. Acquire 2 paper cups, 1 filter, boiling water, a cutting instrument.
  2. Cut one cup towards the top so that it creates a ring at least 2 inches tall. Place the filter over the other uncut cup.
  3. Slide ring down over the filter, which is sitting on the uncut cup. Push down until small amount of filter is visible on all sides.
  4. Place desired/available coffee grounds in the cup over filter.
  5. Begin slowly filling open portion with near boiling water. Do not over fill and occasionally stir.
  6. Brewing may take anywhere between 5 and 10 minutes including set up and brew. However, it’s a hell of a lot better than having no coffee at all.
view full image