Accessibility

All you WCAG nuts this is the place for you: how to make Drupal more accessible. Hints, tips, discussion and patch proposals.

Let's make Drupal 7 Incredibly Accessible

Posted by Everett Zufelt on July 15, 2009 at 7:33pm

I have been loosely involved in web development for 12 years. Over the course of this time I lost my sight due to a degenerative eye disease. When I started using a screen-reader I realized that navigating the web can be very difficult for persons with disabilities, and was somewhat disturbed with all of the coding mistakes that I had made over the years that may have contributed to this problem.

D7 Accessibility Taskforce Meeting Agenda & Working Page (July 27, 2009)

Posted by mgifford on July 15, 2009 at 7:19pm
Last updated by Everett Zufelt on Tue, 2009-08-04 11:42

Next Conference Call

Monday July 27th,
2pm Eastern Time (UTC -05:00)

If you want to participate please email everett@openconcept.ca

Agenda

Accessibility standards
- WCAG 2.0 (W3C recommendation)
- ATAG 2.0 (W3C draft recommendation)
Assistive technologies: how backwards compatible should Drupal 7 be?
Theme Changes
- Use of headings
- Visibility / off-screen content
- Invisible text within links
- Addition of optional "skip" block in themes
- ARIA 1.0 (W3C draft recommendation)
JQuery UI
Open Drupal 7 accessibility issues

WCAG Double A Conformance

Posted by Clone on July 15, 2009 at 11:14am

Hi,

I'm a multimedia developer (I can do a bit of everything but always have to learn more to complete a task), I have experience in developing HTML, CSS, Javascript, Actionscript 2 moving to 3 now and a very brief understanding of PHP.

I've recently started learning how to implement Drupal as I have undertaken the development of a website for a public body that requires a CMS and they legally need the site to comply to WCAG Double A standards for site users but not contributors or adminstrators.

Accessibility of Drupal site Recovery.gov

Posted by mgifford on May 26, 2009 at 3:07pm

Just saw this accessibility evaluation of Recovery.gov by Jim Thatcher. Recovery.gov is the highest profile Drupal government site in North America and so it is an interesting view of how this government which is committed to accessibility & open government implements this great CMS.

Accessibility for Theme&Design, DCParis

Posted by kat3_drx on May 21, 2009 at 2:31pm

Posted up a suggestion on the Theme & Design track for DCParis about including some web accessibility material.

I think a lot of what we're working on/discussing here could be gelled into a solid panel discussion or presentation directly applicable to Drupal themers and the T&D track looks really interesting already.

-Kate

QUAIL Accessibility Library + Drupal = Checking content before it is published

Posted by Anonymous on May 15, 2009 at 9:24pm

Here at CSU Monterey Bay we have a mandate from our Chancellor's office that all web content be accessible by 2010. This date is fast approaching, but we are moving towards a model where we automatically approve content for accessibility before it goes out to the web.

Core and Contrib Accessibility Compliance

Posted by greggles on May 15, 2009 at 9:18pm

I recently had someone ask me about Drupal's compliance with a few standards and thought this group would be a great place to start some discussion.

Section 508 compliance
WAI (W3C Web Accessibility Initiative) compliance

I haven't done any formal research on the topic, but my impression is that Drupal core is compliant with all of these standards. I believe that as we head off into contributed modules/themes they quickly deviate from these standards.

Accessibility documentation for themers

Posted by jeff1970 on May 14, 2009 at 2:31pm

Lee has asked for some docs for the Best Practices section of the Theming Guide (http://drupal.org/node/341707).

I made a start a couple of weeks ago but it would be good to get some feedback on what we think should go into this.

I'm tending to think it should be pretty high level, but with enough depth and examples so a themer can pretty much get the basics right without having to go to an external resource, but with links to external resources with additional information.

WYSIWYG editor ATAG1.0 compatible?

Posted by BarisW on May 13, 2009 at 9:33am

I am searching for a WYSIWYG editor, which is build using the ATAG standards in mind.
Does any of you know an editor who complies to these standards?

Access Keys

Posted by smokris on May 6, 2009 at 1:27am
Last updated by mgifford on Tue, 2012-01-17 15:25

Modules that add access keys ("shortcut keys", "hotkeys") to various elements of the page, for improved usability:

Module	4.7.x?	5.x?	6.x?	7.x?	Notes	Module Updated	Info as of
Menu Attributes	-	-	Yes	Yes	Adds fields to the "Edit menu item" form for specifying link id, name, target, rel, class, style, and accesskey	2011.05.02	2011.07.14

Accessibility Testing Environment Tips

Posted by mjh2508 on May 3, 2009 at 2:26pm

Setting Up a Screen Reader Test Environment
http://www.iheni.com/screen-reader-testing/

How to Use NVDA and Firefox to Test Your Web Pages for Accessibility
http://www.marcozehe.de/articles/how-to-use-nvda-and-firefox-to-test-you...

WAI-ARIA role support - How the Browsers Stack Up
http://www.paciellogroup.com/blog/?p=114

Thanks,
Mike

D7UX & Accessibility

Posted by mgifford on April 21, 2009 at 2:26pm

There's been some really great work done looking at usability within Drupal - http://www.d7ux.org/

However, I do think that it is important to start talking about accessibility with any new visions of how content is going to be created and sites are going to be administered.

Best method for adding images

Posted by ludo1960 on April 19, 2009 at 8:24pm

Hello,

I want to add images to my site, and am concerned about the accessibility issues.
I have done a lot of reading on the subject, and to say the least I am a little confused as how to proceed.
Is there a recommended solution ie what modules I should use and how to implement them with accessibility in mind?

TYIA

Focus on Date/Calendar accessibility

Posted by thepanz on April 5, 2009 at 2:07pm

I'd like to post a focus on Date/Calendar modules accessibility.
Following mgifford's comment on a Calendar issue regarding accessibility I'm posting here some issues for that modules that would need some love/reviews from users who cares about accessibility.

I'm talking about:
- Calendar: Accessible calendar navigation thoughts providing a "caption" for calendar table
- Date: More accessible date navigation with prev/next and month link-titles

An Interesting Blog Post

Posted by mjh2508 on March 30, 2009 at 11:59am

Hi all,
Drupal is mentioned in an interesting blog post at Standards Schmandards,
Contributing WAI-ARIA landmark roles to open source CMS themes.

Initial focus should be auto focus

Posted by mgifford on March 28, 2009 at 1:34am

In discussing the question of inserting a tabindex to create an auto focus for certain pages (/user*, /node/add*, node/*/edit) so that the cursor is always sitting in the first field of the event in question, v suggested that this was more of a usability issue than an accessibility one. I recorded a friend with mobility challenges trying to create an account for those who want some understanding of how important this could be.

What is the best approach in CSS to hide content for sighted users but have it remain hidden for non-sighted users?

Posted by mgifford on March 26, 2009 at 1:40pm

text-indent: -9999em;

36% (4 votes)

position: absolute; top: -1000em;

0% (0 votes)

height:0px; overflow: hidden;

18% (2 votes)

position: absolute; left: -1000em;

45% (5 votes)

Total votes: 11

From Span Title to Abbreviation

Posted by mgifford on March 25, 2009 at 7:07pm

So I was reading Practical Accessibility Tips with WCAG 2.0

Always Use Explicit Labels is in 7 core now and has been backported ot 6.

The use the tabindex attribute is also quite scarce. Think it only shows up in the user.module as an attribute added to the form:

'#attributes' => array('tabindex' => '1'),

Right now we're indicating Required Fields using:

<label for="edit-name">Username: <span class="form-required" title="This field is required.">*</span></label>

What is the best practices for labeling a form like the permissions page

Posted by mgifford on March 17, 2009 at 5:48pm

Well, there are labels for pages like the permission page - /admin/user/permissions

I was looking over this critique from Juice Studio about Drupal's Accessibility.

And labels are there, but it's all code, so really not sure how useful it is. We'd probably want each box to be populated by a label with the role instead of the number of the role & so that a screen reader could properly explain what a particular checkbox is about:

Improving Tab & Form Focus

Posted by mgifford on March 17, 2009 at 4:30am

First, a bit of good news, we got another accessibility feature into core - http://drupal.org/node/356359

Still have a lot to do before this list is addressed though - http://drupal.org/node/364629

Next, over the weekend I ran a good friend of mine through a quick usability test of Drupal 7. He was a good enough sport to let me tape it - http://www.youtube.com/watch?v=NyIHtNHYroM

Subscribe with RSS