Home ›

Book Excerpt: Drupal User's Guide: Building and Administering a Successful Drupal-Powered Web Site

Feb 17, 2012  By emmajane
 in

Provide Help

Provide clear instructions to help users complete forms without error on their first attempt. Clearly explain what exists on the other side of a link. Don’t make people guess what a ducky icon means on your site. Make people feel smart, not stupid, when they use your site. Test your site with friends and colleagues. Ask them where you could have made things a little clearer. If it makes sense, include a “help” area that answers commonly asked questions and tours people through each of the features of your site.

Testing Your Site

There are a lot of ways to test your site for accessibility. One of the easiest tricks you’ll need up your sleeve is a simple one. In your Web browser, disable the CSS and the images and try navigating around your Web site. It won’t find all the problems, but it will often find quite a few.

Text-Only Browsers

Computer-aided browsing (Refreshable Braille Display, screen readers) can deal only with text. They can’t create meaning that isn’t there. They won’t describe a picture to you, and they certainly can’t perform mouse actions that are used as JavaScript triggers, because there is no mouse. Use a text-only browser to test your site. Figure 17.3 shows the home page of a Drupal 7 site in Links, a text-only browser. If you can use the Web site, chances are good that it will be usable by folks who can’t see your Web page.

Figure 17.3
Drupal sites appear as a linear page of text when viewed in Links. Note the accessibility enhancement “Skip to main content” link at the top of the page.

Text-only browsers are available online from http://www.delorie.com/web/lynxview.html and http://www.standards-schmandards.com/projects/fangs/.

You can simulate a text-only browser by using the Web Developer Toolbar plug-in for Firefox. Once it’s installed, use the Web Developer toolbar to disable CSS and JavaScript and turn off images. With CSS and JavaScript disabled, try browsing your Web site and see whether you can still find information and buy products.

Automated Testing Tools

After creating, or updating, Web pages, immediately check to see the page is using valid HTML markup and complies with your site’s accessibility standard. Retrofitting a site will take a lot longer than ensuring only accessible pages are produced in the first place. The tools for checking Web sites for accessibility guidelines will typically return either a summary table of errors that were found or an overlay of your site showing you exactly where the errors are. Figure 17.4 shows a WAVE report for Drupal.org reporting no errors. Figure 17.5 shows the same report run on Microsoft.com with a few minor errors. Figure 17.6 shows a second automated test for Drupal.org

Figure 17.4
Drupal.org passes the WAVE automated accessibility test.

Figure 17.5
Microsoft.com fails the WAVE automated accessibility test with four very minor errors.

Figure 17.6
Drupal.org fails the WCAG 1.0, priority level 2, automated test using Truwex online.

Browser-based tools will perform checks of the page you are currently viewing. Figure 17.7 shows the pop-up window summary of the accessibility errors from one Web site, and Figure 17.8 shows the “summary” with additional information about the accessibility errors on this page.

Figure 17.7
Firefox Accessibility Extension provides on-page summaries of potential accessibility problems.

Figure 17.8
A detailed summary of the accessibility problems is also available from the Firefox Accessibility Extension.

This excerpt is from the book, 'Drupal User's Guide: Building and Administering A Successful Drupal-Powered Web Site' by Emma Jane Hogbin, published by Pearson/Prentice Hall Professional, published Sept. 2011, ISBN 0137041292, Copyright 2012 Pearson Education, Inc. For more info, please visit the publisher site: www.informit.com/title/0137041292


© Copyright Pearson Education. All rights reserved.

______________________

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

----- http://ai.vc/zd

bdso8f9sa's picture
Submitted by bdso8f9sa on Fri, 02/24/2012 - 19:43.

----- http://ai.vc/zd -----

Hi,Dear Ladies and Gentlemen,
1. sport shoes : Jordan ,Nike, adidas, Puma, Gucci, LV, UGG , etc. including women shoes and kids shoes.
2. T-Shirts : BBC T-Shirts, Bape T-Shirts, Armani T-Shirts, Polo T-Shirts,etc.
3. Hoodies : Bape hoody, hoody, AFF hoody, GGG hoody, ED hoody ,etc.
4. Jeans : Levis jeans , Gucci jeans, jeans, Bape jeans , DG jeans ,etc.
----- http://ai.vc/zd -----
----- http://ai.vc/zd -----

Service is our Lift.

enjoy yourself.

thank you!!

::∴★∵**☆．∴★∵**☆．∴★∵**☆．
█████.::∴★∵**☆．∴★∵**☆．
█田█田█::∴★∵**☆．∴★∵**☆．
█田█田█.∴★∵**☆．∴★∵**☆．
█田█田█∴★∵**☆．∴★∵**☆．
█田█田█.★∵**☆．∴★∵**☆．
█████．*******************
◢██□██◣．~~~~~*^_^*

Thanks for posting this.

R. Cole's picture
Submitted by R. Cole (not verified) on Wed, 02/22/2012 - 21:33.

I am a partially blind Linux user, and what minimal vision I have *could* possibly fade away in the future. Sadly, in many places I have seen anger directed toward individuals with disabilities when the subject of accessibility arises (there were some particularly harsh words typed by people on different Web sites when blind individuals simply asked if they would be able to use the iPhone).

I think that accessibility is very important--not just for blind individuals, but for other disabled computer users as well. I have a hard road ahead of me as I want to pursue a career in the IT field, and accessible content will make the achieving of this goal much easier for myself as well as for others. The task of proving to certain employers that a blind person is capable of doing something will be difficult enough. :)

I am just grateful for all of the strides taken in the Linux world toward accessibility I am able to use Linux for everything!

Thanks for this post, and keep up the great work.

thanks for this notice

Sedot WC's picture
Submitted by Sedot WC (not verified) on Wed, 02/22/2012 - 09:41.

I really like the drupal platform,
thanks for this notice

What about SEO?

ClickMinded SEO Training's picture
Submitted by ClickMinded SEO... on Mon, 02/20/2012 - 19:27.

Loved the post, lots of really good content. I'm particularly happy that you mentioned something I tell people to do all the time: READ YOUR CONTENT OUT LOUD BEFORE PUBLISHING! You would be amazed at how often this will catch the lionshare of mistakes you're likely to make prior to publishing something on the web.

I didn't see anything mentioned on SEO for drupal here, perhaps because this is simply a chapter on accessibility. There's a great Drupal module on the drupal.org site, http://drupal.org/project/seo_checklist.

Also, for anyone in the bay area that's interested, I run an SEO Training Class in San Francisco.

Tommy

White Paper
More Resources
Fabric-Based Computing Enables Optimized Hyperscale Data Centers

Today’s modular x86 servers are compute-centric, designed as a least common denominator to support a wide range of IT workloads. Those generic, virtualized IT workloads have much different resource optimization requirements than hyperscale and cloud applications. They have resulted in a “one size fits all” enterprise IT architecture that is not optimized for a specific set of IT workloads, and especially not emerging hyperscale workloads, such as web applications, big data, and object storage. In this report, you will learn how shifting the focus from traditional compute-centric IT architectures to an innovative disaggregated fabric-based architecture can optimize and scale your data center.

Learn More

Sponsored by AMD

White Paper
More Resources
Red Hat White Paper: Using an Open Source Framework to Catch the Bad Guy

Built-in forensics, incident response, and security with Red Hat Enterprise Linux 6

Every security policy provides guidance and requirements for ensuring adequate protection of information and data, as well as high-level technical and administrative security requirements for a system in a given environment. Traditionally, providing security for a system focuses on the confidentiality of the information on it. However, protecting the data integrity and system and data availability is just as important. For example, when processing United States intelligence information, there are three attributes that require protection: confidentiality, integrity, and availability.

Learn more about catching the bad guy in this free white paper.

Learn More

Sponsored by DLT Solutions