Raspberry Frog

Posted December 8th, 2008 by Marco Battilana

Visit the Raspberry Frog site The Raspberry Frog site has a very contemporary, well structured design that compliments both the branding direction as well as the favorable user experience. The brand of the site focuses on the “raspberry” theme quite effectively with the consistent use of the color in it’s imagery, graphics, and text throughout. As well, the overall visual structure of the site makes it simple for the user to absorb the content effectively. This is done by the choice of the graphics used to create the content’s containers, mainly with the secondary content on the left side. As an added bonus, not many sites have their secondary content to the left of the main content. With the visual structure, it works quite well.

One of the major issues was the hiding of the "Jump to Content" skip link. Unfortunately, it uses the visibility:hidden; combined with position:absolute;, width: 0; and height: 0;. This makes it invisible for sighted users as well as unavailable for most screen readers — a major issue when it comes to basic accessibility of a site.

Another issue we found was with the Contact page using Google’s embedded map. We found that there were challenges with the Hyper Text Markup Language (HTML) validation of this page as it utilizes an <iframe> element with attributes that aren’t meant to be used with the document type. We also found that screen readers had some issues with the embedded content as well, resulting in the embedded content being skipped over. This could have been rectified with an alternative long description that explains what the map is all about.

In addition, there were some areas where the semantics could have been better implemented within the <form> elements as well as appropriate use of the <blockquote> element on the testimonial page.

Overall, it’s a very nice looking site. With more focus on some of the more common accessibility techniques, this site could really shine.

Raspberry Frog was crafted by Nathalie Allard and, following review, was deemed eligible for an Award Level of “Notable Universal Design.” Congratulations, Nathalie!

5 Responses to: “Raspberry Frog”

  1. Mike Cherim responds:
    Posted: December 10th, 2008 at 9:14 am

    Congratz Nathalie.

  2. Nathalie Allard responds:
    Posted: December 10th, 2008 at 11:28 am

    Thanks everyone at Accessites, I’m really chuffed!

  3. Harvy Kaur responds:
    Posted: December 11th, 2008 at 5:10 am

    For me this site comes across very unique! You don’t really see many web design agency websites with such a vibrant and quirky theme.
    Ps I really like the backdrop!

  4. Raspberry Frog e l’accessibilità by Accessisites.org | Italian webdesign responds:
    Posted: December 18th, 2008 at 3:13 am

    […] Grazie a questo articolo di Accessisites possiamo includere nei nostri case histories sull’accessibilità un nuovo sito: Raspberry Frog. […]

Sorry. Comments are closed.

Note: This is the end of the usable page. The image(s) below are preloaded for performance only.