This is a followup from #517688: Initial D7UX admin overlay and #610234: Overlay implementation. It is a meta-issue intended to make sure that the overlay is accessible (for example, by screen readers), now that the original patch has been committed. It may or may not make sense to break this up into separate issues.

A lot of accessibility analysis was done in the original issue, culminating in the overlay getting a good accessibility review. See, for example:
http://drupal.org/node/517688#comment-1889452
http://drupal.org/node/517688#comment-2000950
http://drupal.org/node/517688#comment-2009406

This issue should be for making sure that's still the case and that any remaining followup gets done. Here is a summary of some comments (mostly by @mgifford and @seutje) at #610234: Overlay implementation:

****

Tabbing within the overlay seems to work fine. It doesn't seem possible to tab into the top admin toolbars however from the overlay. There needs to be some way to get to the admin menus from the overlay.

...

I haven't looked at iframe accessibility, but there are some good resources here:
http://www.webaim.org/techniques/frames/#iframe
http://coolwebdeveloper.com/2008/09/making-iframes-content-web-accessibl...

...

I guess the least we can do is put a link behind the iframe to link to a regular non-overlay version of it, but since this is mainly an administrator-feature, I would assume that the overlay feature would be disabled for those admins

...

<iframe src="/node/2/edit">
<p>If you can see this text, your browser does not support iframes.
<a href="/node/2/edit">View the content of this inline frame</a> within your browser.</p>
</iframe>

...

As I said up in comment #55, there should either be a way to access the content if iframes aren't loading properly, and likely instructions to disable the Overlay if it isn't displaying within the iframe. I do think this should be presented on a user level.

Comments

David_Rothstein’s picture

By the way, it would be useful if someone could summarize which browsers we care about don't support iframes. I was under the impression that all modern browsers (including screen readers) support them? But I could be totally wrong :)

Also, my personal opinion is that we should avoid introducing a per-user toggle as a way to get around this issue because it sounds to me like a cop-out solution. The usability improvements that the overlay was intended to provide absolutely make sense for people who use screen readers, so a "personalized off switch" as a method for solving any accessibility problems with the overlay sounds like it should only be done as an absolute last resort.

Adding a per-user toggle might be an interesting feature for other reasons, of course (however, it feels to me like the kind of thing that belongs more in a contrib module?).

mgifford’s picture

Issue tags: +Accessibility

adding tag. I'll try to review this shortly.

kiphaas7’s picture

Might be adressed in an earlier issue, but couldn't really find it: is there a reason why an iframe was chosen?

sun.core’s picture

Priority: Critical » Normal

Not critical. Please read and understand Priority levels of Issues, thanks.

Everett Zufelt’s picture

@sun.core

I agree that there is no apparent critical accessibility issue being raised here. However, since there appears to be a great deal of confusion about the accessibility of Overlay then it is critical that accessibility be reviewed. I do not have free time to do this myself, but strongly recommend that someone review the accessibility of this module.

note: in the implementation of d7 I am running overlay is disabled for personal convenience.

Everett Zufelt’s picture

Everett Zufelt’s picture

Everett Zufelt’s picture

Regarding modal dialogs and accessibility for screen-reader users. I have written a blog article Can a modal dialog be made to work properly for screen-reader users on the web?. The short answer is kind of, but not really. I would have posted the entire article here, but it is a lttle to long for that. It explains the objective problem, as well as the subjective experience.

mgifford’s picture

@David_Rothstein - It's been a while since I had time to look at this issue but did wonder about providing a hard coded link within the iframe which a user could click on to break out of the iframes.

I do think that individual users need to be able to disable Overlay (for either accessibility, performance or because they prefer the classic functionality) as suggested here:
#659480: Per-user setting for the Overlay

Here's some code which is focused on screen-readers:

<iframe src="/node/2/edit">
<p class="element-invisible">If you can see this text, your browser does not support iframes 
<a href="/user">disable the Overlay view</a> for your account.</p>
</iframe>
Bojhan’s picture

Category: task » bug
Priority: Normal » Critical

@sun Is wrong, any issue that prevents a large group of users from working with it - should be marked critical. This should be considered a bug, not a task. We pride ourselves on being accessible, yet fail to be from the essential UI components.

I am confused as we asked for an accesiblity review in the early stages of development on the overlay, and got one - which led us to believe we where not encountering these issues.

I truthfully thing that having any "easy disable" or "do not install overlay" is just an easy work around for the problem. It would be great if Drupal can be one of the first to properly work something out for this problem, as I see Drupal growing more in context - the need for modals is becoming more prominent.

Given that, lets find the two problems and work on them. As I read from the article. Are there two problems :

  1. Perceiving the existence of the model dialog
  2. Accessing the iframe, separate from the underlying page

Perhaps separate those two out, and work towards solutions?

catch’s picture

I would prefer a single "review core for accessibility" critical issue, then open sub issues for any modules which specifically need testing. Also is there anything here other than #716612: Overlay is not accessible to screen reader users to be done?

Everett Zufelt’s picture

@Catch

AFAIK there is nothing to be done for Overlay accessibility other than #716612: Overlay is not accessible to screen reader users.

The problem is essentially that a modal dialog is a complex UI component. There is currently no reliable way to convey information about the component to assistive technology. ARIA 1.0 is still a W3C draft, and the support for ARIA 1.0 is inconsistent across browsers and assistive technology. There's also a question of whether one document overlaying another is really technically a dialog, or something different. My thought is that the jQuery modal dialog should contain one descendant which is a container with the ARIA 1.0 "document" role. Which is semantically correct, but likely won't resolve the issue.

catch’s picture

Category: bug » task
Priority: Critical » Normal

OK, I opened #755790: Review core for accessibility before release, and I'm downgrading this one.

David_Rothstein’s picture

If the only Overlay accessibility issues are already covered in #716612: Overlay is not accessible to screen reader users, should we just close this one instead?

mgifford’s picture

I don't think that's going to be a good approach.

Sidelining all of the accessibility problems into one massive meta "review before release" is just going to sideline the issue.

The closer the accessibility issues are tied to the module that they are associated with the more likely they are going to be addressed.

Drupal's great in many ways, including that it has a relatively small core. That being said, there really aren't many of us doing accessibility reviews of the site and we're still running into things like #736604: book module now without clearfix & better markup + accessibility love after two years of evaluation.

Fixing it at the end just never seems to work as an approach.

Everett Zufelt’s picture

I think that we are safe to close this issue since the actual issue is reported in #716612: Overlay is not accessible to screen reader users and the meta issue to track all core a11y issues is at #755790: Review core for accessibility before release.

mgifford’s picture

Status: Active » Closed (fixed)

ok

falcon03’s picture

removing tag.