<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>notizBlog &#187; Accessibility</title>
	<atom:link href="http://notizblog.org/tag/accessibility/feed/" rel="self" type="application/rss+xml" />
	<link>http://notizblog.org</link>
	<description>a weblog about the open, portable, social, synaptic, semantic, structured, distributed, decentralized, microformatted and federated social web</description>
	<lastBuildDate>Tue, 22 May 2012 14:36:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="search"
           href="http://notizblog.org/opensearch"
           type="application/opensearchdescription+xml"
           title="Content Search" /><atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/><cloud domain='notizblog.org' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<atom:link rel='salmon' href='http://notizblog.org/?salmon=endpoint'/><atom:link rel='http://salmon-protocol.org/ns/salmon-replies' href='http://notizblog.org/?salmon=endpoint'/><atom:link rel='http://salmon-protocol.org/ns/salmon-mention' href='http://notizblog.org/?salmon=endpoint'/>		<item>
		<title>Microformats: Value Class Pattern</title>
		<link>http://notizblog.org/2009/05/12/microformats-value-class-pattern/</link>
		<comments>http://notizblog.org/2009/05/12/microformats-value-class-pattern/#comments</comments>
		<pubDate>Tue, 12 May 2009 17:33:05 +0000</pubDate>
		<dc:creator>Matthias Pfefferle</dc:creator>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[abbr design pattern]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[GEO]]></category>
		<category><![CDATA[hAccessibility]]></category>
		<category><![CDATA[hAtom]]></category>
		<category><![CDATA[hCalendar]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[value class pattern]]></category>

		<guid isPermaLink="false">http://notizblog.org/?p=1539</guid>
		<description><![CDATA[Das bisher wohl gr&#246;&#223;te Problem bei der Verwendung von Microformats ist (oder besser wahr) die Accessibility durch die etwas zweckentfremdete Verwendung des &#60;abbr /&#62;-Tags. Das so genanntes abbr-design-pattern diente haupts&#228;chlich dazu (es gibt noch einige andere Anwendungsf&#228;lle), ein f&#252;r den Menschen lesbares Datum auch f&#252;r die Maschine lesbar zu machen und ist Bestandteil von Mikroformaten [...]]]></description>
			<content:encoded><![CDATA[<p>Das bisher wohl gr&#246;&#223;te Problem bei der Verwendung von <strong>Microformats</strong> ist (oder besser wahr) die <a href="http://notizblog.org/?s=haccessibility">Accessibility</a> durch die etwas zweckentfremdete Verwendung des <a href="http://microformats.org/wiki/abbr-design-pattern"><code>&lt;abbr /&gt;</code>-Tags</a>.</p>
<p>Das so genanntes <a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a> diente haupts&#228;chlich dazu (es gibt noch einige andere Anwendungsf&#228;lle), ein f&#252;r den Menschen lesbares Datum auch f&#252;r die Maschine lesbar zu machen und ist Bestandteil von <strong>Mikroformaten</strong> wie z.B. <a href="http://microformats.org/wiki/hCalendar">hCalendar</a>, <a href="http://microformats.org/wiki/hAtom">hAtom</a> oder <a href="http://microformats.org/wiki/hReview">hReview</a>.</p>
<p>Ein Beispiel: <code>&lt;abbr class="dtstart" title="2009-05-12"&gt;heute&lt;/abbr&gt;</code></p>
<p><a href="http://de.selfhtml.org/html/text/logisch.htm#elemente">SelfHTML &#252;ber das abbr-Element</a>:</p>
<blockquote><p>zeichnet einen Text aus mit der Bedeutung &#8220;dies ist eine Abk&#252;rzung&#8221;</p></blockquote>
<p>Selbst wenn man davon ausgeht, dass das Wort <em>heute</em> eine Abk&#252;rzung f&#252;r das volle Datum <em>2009-05-12</em> ist, gibt es ein gro&#223;es Problem mit Screen-Readern. Die meisten Screen-Reader sind so konfiguriert, dass sie statt der Abk&#252;rzung, das im title-Attribut angegebene, vollst&#228;ndige Wort lesen.<br />
Im Falle der <a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a> im oben genannten Beispiel w&#228;re das <em>2009-05-12</em> (gelesen &#8220;Zweitausendneun minus F&#252;nf minus Zw&#246;lf&#8221;), also viel missverst&#228;ndlicher als <em>heute</em>.</p>
<p>Das <a href="http://microformats.org/blog/2009/05/12/value-class-pattern/">gerade angek&#252;ndigte</a> <strong><a href="http://microformats.org/wiki/value-class-pattern">value-class-pattern</a></strong> soll dieses (und einige andere) Problem jetzt beheben.</p>
<p>Ein Datum, wie im Beispiel oben, w&#252;rde mit dem <strong>value-class-pattern</strong> folgenderma&#223;en aussehen:</p>
<pre>&lt;span class='dtstart'&gt;
  &lt;span class='value-title' title='2009-05-12'&gt; &lt;/span&gt;
  heute
&lt;/span&gt;</pre>
<p>Erkl&#228;rung:</p>
<ul>
<li><em>dtstart</em> gibt immer noch an, dass es sich bei dem folgenden um ein Datum handelt</li>
<li>Die folgende Klasse: <em>value-title</em> gibt an, dass sich <em>dtstart</em> auf das <em>title</em>-Attribut des <em>spans</em> bezieht</li>
<li>Im <em>title</em> steht der maschinen-lesbare text</li>
</ul>
<p>Das neue Pattern beschreibt aber noch eine ganze Reihe an anderen Anwendungsf&#228;llen, am besten ihr &#252;berfliegt die Seite einfach mal selbst: <a href="http://microformats.org/wiki/value-class-pattern">http://microformats.org/wiki/value-class-pattern</a></p>
<p>&#8230;es sind &#252;brigens alle Microformats-Nutzer aufgerufen, ihre Seiten und Parser auf das neue Pattern umzustellen, also viel Spa&#223; dabei <img src='http://notizblog.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<div class="social-buttons">
  <a class="FlattrButton" style="display:none;"
     title="Microformats: Value Class Pattern"
     data-flattr-button="compact"
     data-flattr-uid="pfefferle"
     data-flattr-category="text"
     data-flattr-language="de_DE"
     href="http://notizblog.org/2009/05/12/microformats-value-class-pattern/"
     rel="donation payment">Flattr this!</a>

  <div class="g-plusone" data-size="medium" data-lang="de-DE" data-href="http://notizblog.org/2009/05/12/microformats-value-class-pattern/"></div>
</div>]]></content:encoded>
			<wfw:commentRss>http://notizblog.org/2009/05/12/microformats-value-class-pattern/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
	</item>
	</channel>
</rss>

