Site updated to Microformats Value Class Pattern

It may only be a very small amendment, but I’ve just updated the HTML of this site to bring it in line with the new Microformats Value Class Pattern which has just been released as an alpha draft.

The two main benefits of this new pattern are:

  1. Making it easier to publish machine-readable data while displaying something on the screen that is more human-friendly or sometimes more location specific, as is the case in the one of the examples from the site:

       <p class='tel' lang='en-gb'>
        <span class='type'>
          <span class='value-title' title='cell'> </span>
            mobile
          </span>
        <span class='value'>+44 7773 000 000</span>
      </p>
      

    This would be particularly useful when marking up hCards including phone numbers where you might use words or abbreviations that don’t fit the Microformats pattern.

  2. After what seemed like an interminable debate, the Microformats and Accessibility communities have come up with a solution to the accessibility problems involved with the Date Design Pattern which makes use of the <abbr> element.

    For those who haven’t followed it, this has been a huge debate over the last few years, with the Accessibility community’s concerns being heeded by the BBC who removed Microformats from their programme guides.

    I haven’t followed it all that closely but from what I have read, it became quite heated at times with both sides accusing the other of not listening to the other’s viewpoint, so it’s good to see that an alternative has been devised that is acceptable to everyone.

4 responses to Site updated to Microformats Value Class Pattern. Add your own.

Comments

  1. 1

    Actually, I’ve just made another slight modification after having read more about the subject at A Blog Not Limited.

  2. 2

    I been completely in dark when it came to this being a huge issue. Now that I snooped thought the links posted…my head hurts. Thanks John! :)
    In the example above I see empty nested spans……how is that pre-determined naming convention of classes can overweight this ‘waste’ of elements?
     Thanks!

  3. 3

    Well I guess in this case, an empty span is seen to have less harmful effects than using the abbr element as in the current implementation of the date-design pattern while still providing the necessary information for both humans and machines to digest.

Pingbacks

  1. 1

    […] Site updated to Microformats Value Class Pattern — Tyssen Design : […]

Feed for this post's comments


Required indicates required field.
Email will not be published

You can use these tags in your reply:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Leave a Reply

Contact details

Spam Protection by WP-SpamFree