Rheal Poirier

Graphic, Web, Email and Variable Data Designer

December 15, 2011
by Rheal
0 comments

“Role”ing with WAI-ARIA Roles

In my previous posts I’ve created the basic HTML and the Microformats for  the CSSoff contest. Microformats were used to help machines understand the contact information contained in the footer of the Triple Dare web page. The next step in making our web page more accessible is to add WAI-ARIA roles and more specifically Structural Roles that Facilitate Navigation with Assistive Technologies (not my words but that of the w3.org’s WAI-ARIA best practices document).

WAI-ARIA roles are intended to help create usable, accessible and logical layouts for people with visual or leaning difficulties. So how do we add this to our website? Let’s dive right in.

Continue Reading →

November 24, 2011
by Rheal
0 comments

My CSSOff Microformats

In my previous post, divide and conquer I created the basic HTML page with all the necessary content for the CSSOff contest. In this post I’m going to discuss microformats. To figure out what microformats are it might be best to quote directly from the Microformats.org website.

Microformats are simple ways to add information to a web page using mostly the class attribute (although sometimes the idtitlerel or rev attributes too). The class names are semantically rich and describe the data they encapsulate.

Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.

Microformats are a bunch of class names that, when put in the right combination, let machines and people better understand  information like contact information, events, reviews and relationships. It’s much easier to identify, use, search,  and categorize the information on websites that have microformats. Almost every blog, discussion board and many online stores use microformats. Google uses them  in their search algorithms and for many of their applications, and not too long ago facebook added microformats to their site.

There are different types of information that microformats help to handle.  hCard allows the identification of address and contact information. hCalendar allows you to identify dates and times. hReview allows ratings, summaries, descriptions and just about anything related to reviewing any product or service. XFN allows people to define relationships and friendships to all your linked friends (think of facebook here).

For the purposes of the CSSOff contest, hCard will be used to mark up the addresses.

Continue Reading →

November 15, 2011
by Rheal
0 comments

<Div>ide and Conquer

About a week  and a half ago I submitted my design to unmatched style’s CSSoff  design competition. A few days ago I received an email stating that 416 entries were submitted and that judging was a go. That’s a pretty good turnout if you ask me.  Now that the contest is complete I think  it’s a good time to discuss how I tackled this particular project. Up first — HTML.

Continue Reading →

October 24, 2011
by Rheal
0 comments

Let’s get this party started!

The Hangover halloween costume with baby and a bottle of Jagermeister

No babies were harmed in the making of this photo.

That’s it! I’ve gone crazy, deleted my old site and started all over again with this blog. What prompted this? Well for one I hadn’t updated my site since 2006 (you know, when website design wasn’t about mobile design, responsive design and HTML5 goodness). Another motivator just so happens to be a little contest I’ve entered.

Continue Reading →