<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Wie man Tabs wirklich wirklich zugänglich macht</title>
	<atom:link href="http://www.protofunc.com/2009/08/02/wie-man-tabs-wirklich-wirklich-zuganglich-macht/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.protofunc.com/2009/08/02/wie-man-tabs-wirklich-wirklich-zuganglich-macht/</link>
	<description></description>
	<lastBuildDate>Sat, 04 Feb 2012 01:31:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: MannyPacquiao</title>
		<link>http://www.protofunc.com/2009/08/02/wie-man-tabs-wirklich-wirklich-zuganglich-macht/comment-page-1/#comment-511</link>
		<dc:creator>MannyPacquiao</dc:creator>
		<pubDate>Wed, 19 Oct 2011 19:01:59 +0000</pubDate>
		<guid isPermaLink="false">http://www.protofunc.com/?p=26#comment-511</guid>
		<description>At least some bloggers can still write. Thanks for this writing</description>
		<content:encoded><![CDATA[<p>At least some bloggers can still write. Thanks for this writing</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Diesel</title>
		<link>http://www.protofunc.com/2009/08/02/wie-man-tabs-wirklich-wirklich-zuganglich-macht/comment-page-1/#comment-459</link>
		<dc:creator>Diesel</dc:creator>
		<pubDate>Tue, 18 Jan 2011 18:18:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.protofunc.com/?p=26#comment-459</guid>
		<description>&lt;a href=&quot;http://crosman2100classicownersmanual.grealtclam.info/&quot; rel=&quot;nofollow&quot;&gt;crosman 2100 classic owners manual&lt;/a&gt;   
&lt;a href=&quot;http://mac10firingmechanism.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;mac10 firing mechanism&lt;/a&gt;   
&lt;a href=&quot;http://babyhandprinttattoo.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;baby handprint tattoo&lt;/a&gt;   
&lt;a href=&quot;http://gs09payscale.grealtcyst.info/&quot; rel=&quot;nofollow&quot;&gt;gs 09 pay scale&lt;/a&gt;   
&lt;a href=&quot;http://kellyraspberrybaby.grealtclam.info/&quot; rel=&quot;nofollow&quot;&gt;kelly raspberry baby&lt;/a&gt;   
&lt;a href=&quot;http://beckettr7184blockout.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;beckett r7184b lockout&lt;/a&gt;   
&lt;a href=&quot;http://kristyallieinthenude.grealtclam.info/&quot; rel=&quot;nofollow&quot;&gt;kristy allie in the nude&lt;/a&gt;   
&lt;a href=&quot;http://shapelliceshelters.grealtcyst.info/&quot; rel=&quot;nofollow&quot;&gt;shapell ice shelters&lt;/a&gt;   
&lt;a href=&quot;http://margaretanewman.grealtcyst.info/&quot; rel=&quot;nofollow&quot;&gt;margaret a newman&lt;/a&gt;   
&lt;a href=&quot;http://veronicaaslinnnakedimages.grealtctor.info/&quot; rel=&quot;nofollow&quot;&gt;veronica aslinn naked images&lt;/a&gt;   
&lt;a href=&quot;http://reflexionesparacomforterelespiritu.grealtcyst.info/&quot; rel=&quot;nofollow&quot;&gt;reflexiones para comforter el espiritu&lt;/a&gt;   
&lt;a href=&quot;http://kaluhadrinkrecipehotsex.grealtctor.info/&quot; rel=&quot;nofollow&quot;&gt;kaluha drink recipe hot sex&lt;/a&gt;   
&lt;a href=&quot;http://jiffyicedrillmodel30carburetorkit.grealtcyst.info/&quot; rel=&quot;nofollow&quot;&gt;jiffy ice drill model 30 carburetor kit&lt;/a&gt;   
&lt;a href=&quot;http://djtiestocaraccidentdead.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;dj tiesto car accident dead&lt;/a&gt;   
&lt;a href=&quot;http://securitaspayrolllogin.grealtctor.info/&quot; rel=&quot;nofollow&quot;&gt;securitas payroll login&lt;/a&gt;   
&lt;a href=&quot;http://randyshellynudephotos.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;randy shelly nude photos&lt;/a&gt;   
&lt;a href=&quot;http://ogmackbloodgang.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;o g mack blood gang&lt;/a&gt;   
&lt;a href=&quot;http://picturesofmenwithshortdread.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;pictures of men with short dread&lt;/a&gt;   
&lt;a href=&quot;http://datevanessacom.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;datevanessa com&lt;/a&gt;   
&lt;a href=&quot;http://listofguncalibersinorder.grealtco.info/&quot; rel=&quot;nofollow&quot;&gt;list of gun calibers in order&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p><a href="http://crosman2100classicownersmanual.grealtclam.info/" rel="nofollow">crosman 2100 classic owners manual</a><br />
<a href="http://mac10firingmechanism.grealtco.info/" rel="nofollow">mac10 firing mechanism</a><br />
<a href="http://babyhandprinttattoo.grealtco.info/" rel="nofollow">baby handprint tattoo</a><br />
<a href="http://gs09payscale.grealtcyst.info/" rel="nofollow">gs 09 pay scale</a><br />
<a href="http://kellyraspberrybaby.grealtclam.info/" rel="nofollow">kelly raspberry baby</a><br />
<a href="http://beckettr7184blockout.grealtco.info/" rel="nofollow">beckett r7184b lockout</a><br />
<a href="http://kristyallieinthenude.grealtclam.info/" rel="nofollow">kristy allie in the nude</a><br />
<a href="http://shapelliceshelters.grealtcyst.info/" rel="nofollow">shapell ice shelters</a><br />
<a href="http://margaretanewman.grealtcyst.info/" rel="nofollow">margaret a newman</a><br />
<a href="http://veronicaaslinnnakedimages.grealtctor.info/" rel="nofollow">veronica aslinn naked images</a><br />
<a href="http://reflexionesparacomforterelespiritu.grealtcyst.info/" rel="nofollow">reflexiones para comforter el espiritu</a><br />
<a href="http://kaluhadrinkrecipehotsex.grealtctor.info/" rel="nofollow">kaluha drink recipe hot sex</a><br />
<a href="http://jiffyicedrillmodel30carburetorkit.grealtcyst.info/" rel="nofollow">jiffy ice drill model 30 carburetor kit</a><br />
<a href="http://djtiestocaraccidentdead.grealtco.info/" rel="nofollow">dj tiesto car accident dead</a><br />
<a href="http://securitaspayrolllogin.grealtctor.info/" rel="nofollow">securitas payroll login</a><br />
<a href="http://randyshellynudephotos.grealtco.info/" rel="nofollow">randy shelly nude photos</a><br />
<a href="http://ogmackbloodgang.grealtco.info/" rel="nofollow">o g mack blood gang</a><br />
<a href="http://picturesofmenwithshortdread.grealtco.info/" rel="nofollow">pictures of men with short dread</a><br />
<a href="http://datevanessacom.grealtco.info/" rel="nofollow">datevanessa com</a><br />
<a href="http://listofguncalibersinorder.grealtco.info/" rel="nofollow">list of gun calibers in order</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ole</title>
		<link>http://www.protofunc.com/2009/08/02/wie-man-tabs-wirklich-wirklich-zuganglich-macht/comment-page-1/#comment-155</link>
		<dc:creator>Ole</dc:creator>
		<pubDate>Mon, 03 Aug 2009 07:56:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.protofunc.com/?p=26#comment-155</guid>
		<description>Sehr schönes Beispiel. Danke dafür. Einen kleinen Optimierungsvorschlag hätte ich aber noch für Leute, welche mit deaktiviertem Javascript die Tabs nutzen (müssen):

Momentan definierst Du ja die Tab Buttons über eine Liste und setzt unter die Liste die Inhalte, welche über ID&#039;s angesprochen werden. Das Problem hierbei ist, daß bei deaktiviertem Javascript die Inhalte der Tab-Buttons keinen optischen Bezug auf die jeweiligen dazugehörigen Inhalte haben.

Ich würde deshalb vorschlagen, das mittels einer Definitionsliste zu machen:

-dl-
-dt- Tab 1 -/dt-
-dd- Content zu Tab 1 -/dd-
-dt- Tab 2 -/dt-
-dd- Content zu Tab 2 -/dd-
-dt- Tab 3 -/dt-
-dd- Content zu Tab 3 -/dd-
-/dl-


Somit hat man eindeutig einen optischen und semantischen Zusammenhang von Überschrift zu Inhalt.</description>
		<content:encoded><![CDATA[<p>Sehr schönes Beispiel. Danke dafür. Einen kleinen Optimierungsvorschlag hätte ich aber noch für Leute, welche mit deaktiviertem Javascript die Tabs nutzen (müssen):</p>
<p>Momentan definierst Du ja die Tab Buttons über eine Liste und setzt unter die Liste die Inhalte, welche über ID&#8217;s angesprochen werden. Das Problem hierbei ist, daß bei deaktiviertem Javascript die Inhalte der Tab-Buttons keinen optischen Bezug auf die jeweiligen dazugehörigen Inhalte haben.</p>
<p>Ich würde deshalb vorschlagen, das mittels einer Definitionsliste zu machen:</p>
<p>-dl-<br />
-dt- Tab 1 -/dt-<br />
-dd- Content zu Tab 1 -/dd-<br />
-dt- Tab 2 -/dt-<br />
-dd- Content zu Tab 2 -/dd-<br />
-dt- Tab 3 -/dt-<br />
-dd- Content zu Tab 3 -/dd-<br />
-/dl-</p>
<p>Somit hat man eindeutig einen optischen und semantischen Zusammenhang von Überschrift zu Inhalt.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

