« Macromedia Welcomes Andrew Kirkpatrick | Main | Progressive Disclosure »
July 20, 2005
jkrowling.com
Today, JK Rowling launched a new, accessible version of her site at: www.jkrowling.com. The new version of the site sets the standard for accessibility in Flash. I love this site. Jo Rowling and the guys at Lightmaker deserve tremendous credit for this project. It was the result of a collaboration between Lightmaker, the Royal National Institute of the Blind and the Royal National Institute for Deaf and Hard of Hearing People. More than any other site, it shows what can happen when high end designers partner with accessibility experts.
First, why Flash? The primary reason for this is to create a playful, immersive environment. The original site included a visual representation of JK Rowling’s desk, audio of the sounds of her neighborhood, and an interactive game built into the site. It was a unique site that won the MAX 2004 award for the best Media, Entertainment, and Gaming Experience. The use of Flash allowed Lightmaker to provide a layer of richness to the experience that was not possible in HTML alone.
When thinking about accessibility in the context of this site, the question became how to create the same type of experience for a variety of users with disabilities. Using HTML, the same information conveyed using Flash, can be provided to the user. In fact, the site already included a ‘text only’ version available at: http://www.jkrowling.com/textonly/welcome.cfm. If you check it out, it provides information but does not have the same richness or feel as the Flash version. Thus, Lightmaker and JK Rowling started looking at ways to make the Flash experience accessible to people with disabilities. The goal became to create a site that provided the same immersive experience as the original site, but that was accessible to people with disabilities. The only way to do that, was to use Flash. The result is pretty compelling.
I wrote a paper a while back about accessibility and design titled, ‘Web Accessibility and Design: A Failure of the Imagination’. In it, I describe the fact that we have too few sites that are both great examples of design and accessibility. Sites tend to be either one or the other, not both. The projects are either staffed by design experts or accessibility experts, rarely both. What I love about this project is that it clearly shows what can happen when the two groups combine. The guys at Lightmaker that did the design work here are truly great designers. Their work is unique and compelling without parallel. For this project, they partnered with the RNIB to get a sense of how to make a site that was not only accessible, but truly usable for people with disabilities.
What I love about this site is its simplicity. In the process of developing the site, the developer at Lightmaker came up with a number of nifty little tricks. Most of them are not technical in their implementation and thus, infinitely replicable. I think this site will serve as a great model for developers of accessible sites in Flash.
Check it out (and be sure to select the accessible version) at: www.jkrowling.com.
Posted by Bob Regan at July 20, 2005 10:40 AM
Comments
I thought that site was over a year old. Are you sure it was re-launched today? I saw that same site last year and I blogged about the same;
http://www.brajeshwar.com/archives/2004/06/jk_rowling.php
Posted by: Brajeshwar at July 20, 2005 11:29 AM
Read good!! Its not the site that is new but the accessibility in flash (there is a new accessible version). Who is the loser now huh!!
Posted by: Jack at July 20, 2005 12:11 PM
Bob, please change the link in your last sentence. I am pretty sure it is NOT http://www.jkrolwing.com/ but http://www.jkrowling.com/
Posted by: Brajeshwar at July 20, 2005 12:23 PM
I can't find any mention of, or tools providing, accessibility features, contrary to Zeldman's claims. I don't see what the big deal is.
I've always thought that "We wanted Flash for an 'immersive' and 'playful' experience" is another way of saying "We don't really get the Web."
Nice ever-changing CAPTCHA on your comment page, too.
Posted by: Joe Clark at July 20, 2005 07:29 PM
although i still dislike fullscreen resize and popups... beyond that its nice
Posted by: mauricio giraldo at July 20, 2005 09:13 PM
Couldn't find any keyboard short-cuts.
Posted by: #/cisnky/# at July 21, 2005 12:34 AM
i have just an advice put a link to the text version just before the object close tag because not everybody use jaws or windoweyes.
i can use tab to navigate on the site but sometimes there is some strang things (for exemple the spider on the desk received focus and have no action) and there is some action i can't do with the keyboard only (turn on the radio on the about section for exemple).
For me the pause mouvement button didn't work very well.
For information a lot of people who can't heard can't read too, this way the sound glossary is not very helpful
Posted by: goetsu at July 21, 2005 12:42 AM
the accessibility option are not in the french version.
I can't access to the keyboard navigation if i don't click with my mouse on the click (osX firefox)
Posted by: goetsu at July 21, 2005 01:26 AM
the full screen pop up (hmmm?) is stuffed with tables and missing declaration. confused how some basic xhtml stuff can be missed.
Posted by: nick at July 21, 2005 02:05 AM
Just thought I would say that you have a typo in the last link to JK Rowling's site.. www.jkrolwing.com instead of www.jkrowling.com
Nice site!
Posted by: Mark Drew at July 21, 2005 03:48 AM
it's just a shame that instead of a betsie-style text only version they didn't produce a standards-compliant, gracefully degrading XHTML/CSS layout with alternate styles (including a "text-only" looking one, if you must) that still captures the feel of the graphically refined flash version...it wouldn't have been that difficult to set another good example, this time in the "accessible XHTML/CSS sites don't have to be boxy and boring"...
but yes, beyond that not bad.
Posted by: Patrick H. Lauke at July 21, 2005 06:51 AM
Now, if they could only make it so my scroll wheel actually scrolls the content, I'd be happy.
Posted by: Kim Siever at July 21, 2005 10:33 AM
A very accessible site, all I get is directed to a page
http://www.jkrowling.com/en/popupblocked.cfm
which doesn't tell me what has happened [safari OS X 10.4] *I* know what is wrong, but many people wouldn't. What is wrong with the window I am using anyway?
Also, using flags as a language selector is not the best idea, see the excellent article at http://www.cs.tut.fi/~jkorpela/flags.html
Posted by: Donald Noble at July 21, 2005 10:53 AM
I have just read through Zeldmans points and in truth the main gripe was that a plethora of people were used at great expense to create this accessible site. This is not the case. We worked hard to try and understand how people with poor accessibility could enjoy the same experience as the able, and that is why other groups were involved. The point in case was to show that Flash can be accessible if coded by people who know what they are doing and that the design does not have to be dull. I hope some of you can understand this.
Posted by: Rob Noble at July 22, 2005 09:30 AM
Rob, I know this can be alarming, but it's not just you... I've seen other instances where strong pre-existing beliefs affect the listening abilities of folks online.
I think one element which has a significant effect on people is the language used... much of their literature says "X is accessible" and "Y is not accessible", an exclusive binary split, rather than the more logical "how accessible is this design to which audiences?" Once you start thinking in such an artificial black-and-white fashion it's natural to match what you observe to the definition of "accessibillity" you're carrying around at the moment, which naturally leads to odd arguments as people argue over the definition of the label.
The longterm danger of such a cognitive problem is that it then implies the need for a central structure for judgment and enforcement, which typically then ossifies and becomes susceptible to corruption. Organic systems are more my style.
I'm glad you put the extra work into that project, and for the things you discovered while doing so, thanks!
jd/mm
Posted by: John Dowdell at July 22, 2005 10:46 PM
I'm perfectly able to engage my "listening abilities" without undue interference from my "pre-existing beliefs," unless you mean that I should just sit there and let people justify inaccessible sites (or anti-gay philosophy or similar), since my "pre-existing beliefs" would then tend to clash with my "ability" of "listening."
Nobody's saying Flash shouldn't be accessible, that X always is accessible or Y isn't, or that a certain politburo should be deciding things. Give us a break, John.
Posted by: Joe Clark at July 24, 2005 08:27 AM
Hmmm. I guess I don't see what the big accessibility problem is here either. John made a good point over at his site about how pictures, animation, and sound can actually be considered "more accessible" to small children than long passages of text. So if that's true, the question is, what is the target audience for this site and does that target audience have an easier/better time exploring an all-Flash site like this or not?
I personally don't enjoy sites which make me think in order to navigate around, and this site clearly falls into that category, but I'm an information hyperconsumer these days so I'm sure that has dramatically affected my patience with these things. Would a kid very much enjoy navigating around the jkrowling site? Quite possibly. Would a kid be totally bored and disenchanted by a plain XHTML site? Quite possibly. The creators of the JK Rowling site provide both so I don't see what the accessibility beef is. I have a bit of a *usability* beef with it (as stated above), but maybe that's just me... I don't know. I also think the text version probably deserves a bit of prettying up.
The bottom line for me is that this is a site done by a private company, for a private company, and therefore, they will benefit or suffer naturally from the decisions they've made with it. It doesn't break any laws and it doesn't discriminate against disabled people. You may not particularly enjoy navigating around it, but that's more of a usability thing, so that's where the discussion should be centered.
Also, with regards to both the human and monetary cost of producing this site, who cares? Does anyone know how many Harry Potter books are sold every second? If I'm making hundreds of millions of dollars on my product, I don't care about putting a few extra resources into my website.
Posted by: Mike D. at July 24, 2005 10:46 AM
Hmmm... I know this site is way older then a tweek. It is a great site but still I wonder why it labeld as new???
Is this some web add for Harry Potter... Macromedia part of it.
hmmmm
Posted by: Otto at July 25, 2005 11:32 AM
The flash doesn't seem to be keyboard navigable in the same way as other accessible examples I've seen, i.e. there are no yellow bounding boxes around the element you are on.
Is that due to a change in the way Flash/IE works, or have I been looking at the wrong one ;)
Also, a major bugbear I have with most 'accessible' flash projects (including one I was involved with a couple of years ago, I have to admit!), it that they make scaling it difficult.
I have a large resolution in a not very big screen (1600px wide within 16" screen). This makes fonts very small. I can compensate for websites with text (DPI settings & font sizing), but not for flash.
I couldn't read it, not even close. However, digging through the code and using the SWF file was great (I like the site!). A link that allows you to do this would be very helpful.
Given that flash does this so well, and that it is a direct equivelent of the WCAG relative sizing issue, is this something to add to Flash best practice?
Posted by: AlastairC at September 14, 2005 04:10 AM
I WRITE IN CAPS COS IM PARTIALLY SIGHTED..I'VE JUST FINISHED 'THE HALF BLOOD PRINCE' ON TAPE IM AN ADDICT...CANT WAIT FOR THE NEXT ONE!! JUST MAGICAL... I'M 74..A GRAN...AND LIVE IN THE U.K. HAPPY POTTERING! ALLIE
Posted by: ALLIE at October 18, 2005 08:05 AM