Does this page look plain and unstyled?

Tools, wizards, articles and tutorials on Web Accessibility for the conscientious web developer

Subscribe to Accessify's RSS Feed   

The Perfect Popup was Imperfect …

But now it’s history. The Perfect Popup is dead, long live The Perfect Pop-up.

After many years of sitting there advising about how to create accessible pop-up windows using inline event handlers (onclick), I have finally got around to updating this article using unopbtrusive JavaScript and also the accompanying Popup Window Generator (the two go very much hand in hand).

Please do take a look. If you can spot anything wrong with it, or perhaps you want to make a suggestion or two on how you can improve it, then please feel free to add something to the comments on this post.

Comments (6) left to “The Perfect Popup was Imperfect …”

  1. Devon Young wrote:

    Well done. This even works when the page is served as application/xhtml+xml!

  2. gérard aubrée wrote:

    Excellent script I have installed in my website. I am using the console mode to edit an image without any white margin, but I have not succeeded yet.

    Many thanks

  3. Rachel wrote:

    Love it, thank you! Using it on my website now.

  4. Martin Kliehm wrote:

    Interesting. I tried a similar solution but somehow IE wouldn’t recognize my “rel” attributes. Perhaps because I used getAttribute(). I’m glad this works. The only nit I found is the spelling of “Nielsen”. ;)

  5. Ian Chamberlain wrote:

    Many thanks Ian, a perfect solution for my least favourite web feature. If I simply have to use a pop-up, my will look like yours.

    One small typo, the last example (A popup in standard mode (icon suppressed) ) is coded as console.

  6. Kevin wrote:

    Could anyone advise on how to modify “The Perfect Popup” javascript so that it pops up centered in the desktop, instead of in the upper left hand corner? It would be very much appreciated :) Thanks!

Post a Comment

(Never published)
 

Site Navigation

Outside reading

Migrating from WCAG 1.0 to WCAG 2.0
Roger Hudson provides a through transition guide from WCAG 1 to WCAG 2
Beyond CAPTCHA: No bots allowed
James Edwards (aka Brothercake) provides a useful run-down of the problems posed by using CAPTCHAs
Jeremy Keith does an excellent write-up of the Accessibility 2.0 conference (which I was unable to attend)
Sharepoint and Web Accessibility
Bruce Lawson describes the disparity between Sharepoint/MOSS developed web sites and the level of accessiblity that the tool offers to users (summary - it really is not good!)
How does a screen reader user really hear your web site?
Interesting post on Beast Blog about how a screen reader user - a real one! Not one of those fake web developer tester types! - uses the tool to read a web page. A few surprises were waiting in store for author Mike Cherim.
Web Accessibility Toolbar now available in simplified Chinese
The Web Accessibility Tools Consortium (WAT-C) release a simplified Chinese version of the Web Accessibility Toolbar.
Web 2.0 vs Web Accessibility
1-day seminar in London, 25th April, brings together experts in the field to discuss/demonstrate the accessibility issues faced by web 2.0.
Leading accessibility technologists form new alliance to fix problems
The Accessibility Interoperability Alliance (AIA), comprising (among others) Adobe, HP, Microsoft, Novell, and from the assistive tech industry Dolphin, GW Micro and HiSoftware forms to work together "to create and harmonize standards for accessible techn
Fieldsets, legends and screen readers
An excellent run-down of how fieldsets and legends can improve accessibility and how the various screen readers cope with this useful markup.
CAPTCHAs explained - WacBlog
Another really good post on the RNIB\'s Web Access Centre blog explaining captchas, why they\'re bad for accessibility and what the alternatives may be.
Making WCAG easier to read
Derek Featherstone has created some fancy style sheets to make reading WCAG documents a little easier on the eye.
Top Tips for the title attribute
Ann McMeekin provides a set of simple tips regarding when - or rather when not to - use the title attribute. \'Cos sometimes you can try *too much* to be helpful
California court tilts towards mandating web accessibility
Outlaw.com reports (on behalf of The Register) on the Target California class action lawsuit, digging a little deeper into what Target have been doing of late to address matters.
Screen Readers and display:none
Juicy Studio, aka Gez Lemon, investigate some quirks whereby screen readers announce content that they should not be. Perhaps this could be used for good rather than evil?
Google Developer Podcast: The status of accessibility on the Web
An interview with Google research scientist TV Rahman (and Hubbell, his seeing-eye dog!). Lots of talk about CAPTCHAs and accessibility, but no sign of a transcript for this interview as yet.

View all Accessify bookmarks on del.icio.us



This page is styled using Cascading Style Sheets (CSS). If you can read this message, the chances are that your browser does not properly support CSS or you have disabled this yourself. The content on this site is perfectly readable without style sheets, though; it just doesn't look quite so fancy.

site statistics

This site is partnered with MIS Web Design and Top4Office for Copiers and Digipro for Photocopiers. Web design by Swindon Internet & PR Services.

How you can help support this site: Learn web design from the creator of this site, or help him by requesting some PR Photography