Facebook Commits to Accessibility
Robin Wauters posted that Facebook has been working with the American Federation for the Blind (AFB) for two years to make their web site accessible to the visually impaired. Some suggestions I have to help make Facebook more accessibile include:
- Provide an audio narrative describing the site. It would be helpful to know what Facebook is all about. Many adults know little about “Social Networking”.
- Force the users to provide alt-tags for their images. I know this sounds harsh, but photographs are an important part of the Facebook experience and it would be helpful if users would tag their images.
- Provide help text for data entry fields. It is not always clear how fields are used and when the fields are required. Though most fields are self evident, there are times when I don’t know what Gacrbook is going to do with the input.
- Improve Java Script usage for Screen Readers. Most Web 2.0 applications have difficulty with htis.
- Allow for larger fonts for the iPhone Facebook application. This application is almost impossible to use because of the tiny fonts. I do like the navigation though.
Kindle 2
I am legally blind and have been searching for the best low vision e-book reader. I think I have found it. With minor changes, it could be a real tool for low vision users. I think the following should be done by Amazon, (1) Make Kindle friendly in low light, that is, let the user adjust the background color to increase the contrast, (2) Allow the user to increase the font size to 24 and 28 font size, (3) Make the text in the menu as large as the text in content, (4) Make the cursor easier to see and (5) Settle the disagreements with the Author’s Guild so all materials can be read using the Speech to Text feature. Now I know why Amazon advertises the device in a beach setting. I have an iPhone, and I use the Kindle iPhone app in low light situations. The first four items should be easy enough since the Kindle is a computer running the Linux OS. The fifth needs some backbone and encouragement from Amazon and common sense from the Authors’ Guild.
I find the buttons easy to use. I find the device very intuitive. The Whispernet feature is great and almost worth the purchase alone. I have not used the browser yet. The Kindle store is easy and too addictive. I have not read so many books since childhood. Customer support was responsive and very helpful.
If I were Amazon, I would build Mac and Windows OS versions of the Kindle application. It would help sell content. (I would be disappointed if the Mac app is not built.).
Screen Reader Easier Than Magnifiers
I had the pleasure of sitting with Rebecca Stallings of the Asheville Services for the Blind to gain her perspective of JAWS with Web 2.0 sites. Rebecca gave me a tour of JAWS and we visited a few sites. What I found interesting was her amazing proficiency with JAWS. I wondered aloud, “How could this be? How could she be more proficient with JAWS than I am with a screen magnifier?”. She gave me some great observations.
- Screen readers keep everything within context. Magnifiers lose context. JAWS can provide the user with immediate lists of links, images, form fields and other web artifacts. She can get that information instantly. The screen magnifier user cannot.
- Jaws uses keyboard shortcuts for every access of the web page. Magnifier users have to move the focus and hunt for things within a new context.
- Magnifier users often are not aware they are missing information because they are only viewing a small part of the screen. JAWS users can know all artifacts across a web page, (provided its is accessible).
There is the rub. Not everyone values accessibility. Rebecca and I depend upon it. It would be great if others could design and implement web pages for accessibility.
Section 508 & SEO, Good For Each Other
Search Engine Optimization (SEO) is the process of improving the quality and volume of traffic to a web site from search engines via natural algorithms. Because effective SEO may require changes to HTML source code of a site, SEO tactics may be incorporated into web site development and design. The term “search engine friendly” may be used to describe web site design, menus, content and forms that are easy to optimize. ”Spamdexing” or the use of “link farms” to draw traffic to a web site from search engines degrade the relevence of search results and the user experience.
In many ways designing a web site for SEO improves the user experience as well as makes the web site more readable for visually impaired users who use screen readers. Think about what search engines do to index a page and what a screen reader for the visually impaired do to read a screen. Both the search engine and screen reader depend upon text to do their jobs.
- Google and Jaws use alt tags and HTML tags to read pages for SEO and speech to text for the visually impaired respectively.
- The same elements that a screen reader does not pick up are also ignored by search engine spiders, namely graphical images.
- Clear and well written text is easiest for a user of a screen reader to understand and it also makes for better natural language rankings in a search engine. Search engines use tools to analyze the language in a paragraph of text for ranking purposes. Better written text will naturally rank better in a search and will be more understandable to a visually impaired listener.
Want to improve your SEO? Make your sie Section 508 compliant.
WordPress Accessibility
I have been working in the evenings to make my WordPress blog accessible. I am testing with the Firefox Web Development Tool plug-in. This is not trivial. The templage that I started with was not accessible. I tried some of the acceible templates and found them either not to be accessible or not very attractive. I also wanted to maintain a look and feel with the rest of my web site.
Using the FAE rule set, I am close. Using the beta rule set, I am quite a ways from becoming accessible. My appologies to anyone using my blog. I will keep at it. I think it would have been easier to start from scratch. Here are my challenges for the remaining FAE rule set. I hope to have the blog accessible by December 1, 2008. Hang in there with me!
FAE Rule Set Violation
Designing Forms
Field and button layout locations are important for the visually impaired. Zooming makes keeping information in context difficult. Remember:
- Avoid horizontal white space between labels and entry fields. Minimize the user’s movement with the mouse when filling out forms. Keeping fields with labels is difficult when in zoom mode.
- Place the buttons vertically right below the last input field. Don’t make the user search way over to the left or right to find the input buttons.
- Make the buttons lage and high contrast. Help the user know what the buttons are used for and where the buttons are located.
- Avoid multiple column input if possible. Keep your forms in a clear vertical trajectory. I have actually been in zoom mode and skipped the second column because I did not know it existed.
- Keep your forms to one page if at all possible. If you need more than one page, use a “continue” button and take them to a new page. It is easier to go to the next page via a button than it is by scrolling the web page.
- Number your input fields and tell them on each page exactly where they are. e.g. “Entry fields 1 – 12 of 23, page 1 of 2″. This helps tremendously.
- Give immediate feedback on each page. Place a high ontrast message by the field and ask them for what is needed.
These design tips improve usability for everyone, not just the visually impaired.
IDEAS 2008
On November 14, I attended the IDEAS 2008 conference in Arlington, VA hosted by the GSA. The conference was well attended by government Section 508 coordinators and I was able to network with quite a few of the Computer & Electronics Accommodation Program (CAP) coordinators. The information I received on government buying procedures, Section 508 tools and web site testing was well worth the expense and time spent. Some things I learned:
- Section 508 is an unfunded Federal government mandate. Up until six months ago the mandate was not well received or taken seriously by most agencies. Section 508 is beginning to gain traction.
- If you have products and services you want to sell to the Federal government, you should be listed in GSA Schedule 70, Buy Accessible Wizard and file a Volunteer Product Accessibility Template (VPAT) form.
- Documents should be Section 508 compatible. This is as important as web pages.
- Closed captioning is required and more tools are needed in this area.
- CAP coordinators are a great help for impaired employees. They have budget for their clients and can make recommendations.
- It is not clear what the buying process or packaging strategy for product providers to the Federal government.
- The Federal government is committed to Section 508 at the implementation level. It is not clear at the Agency CFO level what the commitment is. (This was a main topic of discussion in the show floor.)
Relative Fonts
I have not posted in a while. I have been very busy getting my web site (www.learningaccessibility.com) to be accessible. I have done so and I feel good about that. One thing I noticed; not only are relative fonts easy to implement, but they do not behave as expected. If your user wants to use web pages with relative fonts, they should not change the absolute default font-size preferences for their browser. I did so for Safari. I saw strange results on Safari that did not match Firefox. I couldn’t imagine why the text on Safari was so large and why my page was so distorted. Visually impaired people use all the tools in their tool bag and the mix can be interesting. The result is that relative fonts do not mix well with altered absolute default browser preferences.
At first I was grumbling about relative fonts. I spent wasted time debugging the unwanted results. If you use relative fonts you should:
- Let your users know not to use multiple zoom methods that do not mix well.
- Make sure all of your fonts are relative. Don’t mix relative with absolute font-sizes on your web pages.
- Do not use font-sizes over 200%. This starts to distort the page.
- Use 85% to 100% for regular text font-sizes in order to avoid page distortion.
- Use the Web Development Tool on Firefox to find all of your font-size settings.
- Test your web pages on Firefox, IE and Safari to determine if you obtain the expected results.
- Test your web pages with browser text zoom up to 4:1 ratio. Your page should not be distorted within this range.
- Use relative div and table sizes as well. This will help when pages are manually resized with relative fonts.
IDEAS 2008
The Interagency Disability Educational Awareness Showcase (IDEAS) is GSA’s premier event focused on partnering industry and education with government to meet the requirements under Sections 504 and 508 of the Rehabilitation Act.
Year after year, attendees of IDEAS gain skillsets through 508 focused agendas on issues such as electronic and information technology accessibility, 508 law and standards, website standards compliance, acquisitions, market research for accessible product and services, and more.
Also, IDEAS is a trusted venue for the latest exhibits of assistive technology products and services that help benefit employee service capability and reduce injury in the workplace. IDEAS helps forward the mission to enforce Section 508 across government agencies with the goal of promoting an electronic and information technology accessible government to people with and without disabilities.
IDEAS 2008 is the Federal government’s annual conference on Section 508, presented by the GSA.
Registration is FREE for government and industry and includes admission to all:
-
Keynotes
-
Educational Sessions
-
Networking Events
-
Technology Exhibit Showcase
Don’t miss this practical, hands-on educational conference and technology showcase on Section 508!
Google Chrome – Some Nice New Features
Originally posted September 4, 2008
Jason Hiner of ZDNet posted a list of nice features of the beta Google Chrome web browser. I agree with his list of five best new features. I do have a couple of accessibility observations though.
- New Tab Page – features a page that shows thumbnails of your most visited Web sites, a list of your recent bookmarks, and a search box that allows you to search your history. Hopefully, the history tab has accessibility alt tag support for the thumbnails. This tab could be a handy navigation aid.
- Web Application Support – allows you to create desktop, start menu or quick launch icons for your web applications. Hopefully these icons are 508 compliant. This could be very helpful.
I hope this browser has assistive technology for the blind. The increased speed could help make usability better for the sighted and those with disabilities.