Easy Flickr – just the photos please
Following the accessibility hack of YouTube I thought the same could be done for Flickr, and here it is:
Easy Flickr is a very basic interface to look for photos and click through them 20 at a time. It works with and without JavaScript.
Update: It seems there is some confusion as to how this interface works. The main photo is linked to flickr.com (as per API guidelines) and you can navigate up to 20 results by clicking the lower thumbnail to go forward and the upper one to go backward in the results list. This also works with a keyboard and in JAWS but I need to make it more obvious with a hover state and some labels for screen readersand I added some roll-overs and texts for screen readers to make it more obvious..
If you want to host the interface yourself, you need a server with PHP and cURL, but that’s it. Simply unpack the zip file and change the look and feel by changing the style sheet.
Tags: accessibility, easy, flickr, interface, simple
June 13th, 2008 at 6:21 pm
I have blogged it up! (also covering Easy Youtube.) Herzlichen Dank!
One problem: A colleague of mine asks: “why can’t I move forward in the flickr
photo stream by keyboard? It works with the mouse but the keyboard just
takes me to the flickr site.” With Jaws I only get one or two search results displayed. Is this a symptom of the same issue?
In any case, this is great & very creative work.
June 13th, 2008 at 11:10 pm
Actually that was a bug, The flickr guidelines for API use mean I need to link the full photo to the fickr site, this is why I needed to add that. However, the photos are keyboard accessible (now, they weren’t initially).
You can navigate through 20 photos by tabbing the previous and next ones as the next link after the currently visible photo. I will have to find a way to make that more obvious. With a mouse you can click the smaller photos on the right to go one forward or backward respectively.
June 16th, 2008 at 10:36 am
This is great!
The only thing I would change, personally, would be to make “previous picture” to “picture before”.
I’ll add this into the testing mix. Thanks Christian!
June 19th, 2008 at 5:02 am
good interaction!
one problem: how to get the big photos from flickr api with javascript?
my demo is here: http://bookr-air.googlecode.com/svn/mashup/index.html
thanks
June 23rd, 2008 at 11:03 am
You can navigate through 20 photos by tabbing the previous and next ones as the next link after the currently visible photo. It is great!!! this would be the easy flicker for photos
_____________________________________________________________________________________________
nina
“Christian Drug Rehab”
http://www.christian-drug-rehab.org
July 20th, 2008 at 7:13 pm
Speaking of accessibility, the right-hand navigation thing is too big–both horizontally and vertically–for my screen. Maybe you should consider using the overflow CSS property.
November 28th, 2008 at 6:30 pm
Great!
The search seems to be a bit different (worse) to the default flickr search though.
E.g. beach:
http://icant.co.uk/easy-flickr/index.php?s=beach
http://flickr.com/search/?q=beach
Probably because you are searching tags instead of just title???
No doubt this is changeable in the code, so I shouldn’t complain!
Great work though.
S