Blogs

Mehul Harry's DevExpress Blog

Section 508: Enable Support For Major DevExpress ASP.NET Controls

     

Accessibility WAI Section 508

Support for Section 508 and even the Web Content Accessibility Guidelines 1.0 is now available in major DevExpress ASP.NET controls. Starting with the 2008 Volume 3 release of the DXperience Subscription, your DevExpress ASP.NET projects will be Section 508 compliant.

What is Section 508?

Section 508 and the web accessibility guidelines make Web content accessible to people with disabilities or those that are technically limited. In the US and several other countries, these guidelines are a software requirement for government agencies.

The web accessibility initiative says that you should design your website so that disabled (including blind) users can use and navigate the website. This means using ALT text for images, providing description of videos and transcription for audio, use the NOFRAMES element and provide titles, and several other guidelines.

In case you’re wondering, blind and low-vision users can make use of text-to-speech(screen readers/OCR), Braille display, and other methods which you read more about here.

Why is accessibility important?

These numbers may surprise you but approximately 20% of the US population has some form of disability. If you want to ensure that your website is accessible by everyone then web accessibility should be a top priority. In fact, accessibility design improvements to your website will benefit all users. For example, an accessible web site is usually easier to read, easier to navigate and faster to download.

The web accessibility initiative (WAI) says that accessibility is also important for users of mobile devices. If you’ve ever tried to browse a website on a mobile device then you’ll wish that every website was accessible. Yahoo is a great example of a web accessible site.

Why not enable 508 in DevExpress controls by default?

While accessibility is important and it does provide benefits, there is a cost.

  1. As this slide shows: Costs are incurred during design, development, and testing phases. Costs due to increased time and training. Development time may increase since you’ll have to ensure that your website meets the guidelines and passes validation.
  2. The appearance of the controls may change slightly depending on the control. Because some of the controls will need to support hyperlinks, coloring for current items, etc. (more on this later).

However, with DevExpress ASP.NET components providing the features for compliance, this time effort is reduced. For example, when enabling support in the ASPxMenu, ASPxNavBar, ASPxPageControl, and ASPxTabControl, the controls will generate hyperlinks to enable tab and shift tab navigation.

How do you enable support for Section 508?

Set the AccessibilityCompliant property to true. Major DevExpress ASP.NET controls like the ASPxGridView have the AccessibilityCompliant property:

AccessibilityCompliant Property 

What happens when this AccessibilityCompliant is set to True?

When this property is set to true then the control will be generated with accessible HTML and provide:

  • Hyperlinks for buttons that usually need focus
  • Keyboard support

Also, when you enable Section 508 compliance, major DevExpress ASP.NET controls will take one of the following three Section 508 requirements:

  1. Buttons and images generate an ALT attribute that describe their function. You can specify a custom ALT text.
  2. ALT text is also generated for NOEMBED(ObjectContainer) elements.
  3. Within dialogs, the input editors will have corresponding labels.

See this list of 10 quick tips to make web sites accessible. Then check out the Section 508 support. This feature is coming in the next release of DXperience.

Will you use it to automatically enable accessibility? Why wouldn't you?

Comments

 

Torsten Helmich said:

Very cool idea. Thank you guys!

November 14, 2008 1:37 AM
 

heather said:

This is a very important enhancement.  Thanks for getting it into the product.  

November 14, 2008 7:40 AM
 

John said:

WCAG compliance requires that content and functionality be accessible even when JavaScript is disabled. Does the Section508 property enable the Vol 3 controls to work in these JavaScript-less environments?

November 14, 2008 1:25 PM
 

Mehul Harry (DevExpress) said:

Hi John,

Yes, the controls will work without the JavaScript enabled. I'll get more details on this in a future post.

November 14, 2008 1:35 PM
 

The ASPx Blog - Mehul Harry's DevExpress Blog said:

The Section508Compliant property was added to all of our ASP.NET controls to support accessibility .

November 24, 2008 4:14 PM
 

Betty said:

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.

Betty

December 16, 2008 10:00 PM
 

Daniel Ulfe said:

I am using version 8.3.4 and this property is not enabled... and I missing something?...

February 11, 2009 1:01 PM
 

Mehul Harry (DevExpress) said:

Hi Daniel,

The property was renamed to AccessibilityCompliant: http://is.gd/jcaZ

I've update this blog post to reflect the new property name as well, thanks.

February 11, 2009 2:07 PM
 

Daniel Ulfe said:

Mehul,

Thanks... I found it in the GridView!!!... and looks great... but It does not appear on ASPxTextBox, ASPxComboBox, ButtonEdit, etc... (DX.8.3 Common Controls)...

I know these are "simple" controls... but I just want to make sure I am not "loosing" properties :)

February 11, 2009 4:39 PM
 

charles said:

I have found that there is one image in the menu

<img src="/DXR.axd?r=1_72" alt="" style='height:5px;width:5px;border-width:0px;' />

that has a blank alt tag.  Does anyone know how to get to this and enter the tag?

November 10, 2009 12:41 PM
 

Mehul Harry (DevExpress) said:

Hi Charles,

demos.devexpress.com/.../DXR.axd

This is a very tiny background image. Can you please create a new support issue with your scenario as to why you need to use a tag for that image please?

www.devexpress.com/.../CreateIssue.aspx

November 10, 2009 3:13 PM

About Mehul Harry (DevExpress)

Mehul Harry is an ASP.NET technical evangelist at Developer Express. You can reach him directly at mharry@DevExpress.com. You can also follow him on Twitter: http://twitter.com/mehulharry
More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 8:30am and 5:00pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.