Gunnar Bittersmann: <ol><li>

Beitrag lesen

@@Sophie

<ol class="breadcrumb">
			<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
			    <a href="dashboard.php" itemprop="url">
			        <span itemprop="title">Home &raquo;</span>
			    </a>
			</li>
			<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
			    <a href="javascript:void(0)" itemprop="url">
			         <span itemprop="title">Übersicht</span>
			    </a>
			</li>

			<li class="zurueck"><a href="javascript:history.back()">Zurück</a></li>
	</ol>

Da hab ich außer dem Pfeil noch was übersehen: Der letzte Brotkrümel ist die aktuelle Seite? Das kann man durch aria-current="location" kenntlich machen. Und die aktuelle Seite nicht verlinken:

<ol>
	<li>
		<a href="dashboard.php">Home</a>
	</li>
	<li>
		<a aria-current="location" tabindex="0">Übersicht</a>
	</li>
</ol>

Mit Schema.org/RDFa Lite:

<html lang="de" vocab="http://schema.org/" typeof="WebPage" resource="_:this">

<ol property="breadcrumb" typeof="BreadcrumbList">
	<li property="itemListElement" typeof="ListItem">
		<span property="item" typeof="WebPage">
			<a property="name url" href="dashboard.php">Home</a>
		</span>
	</li>
	<li property="itemListElement" typeof="ListItem">
		<span property="item" typeof="WebPage">
			<a aria-current="location" tabindex="0" resource="_:this">Übersicht</a>
		</span>
	</li>
</ol>

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory