<?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/"
	>

<channel>
	<title>SEO &#8211; Webdesign Agentur</title>
	<atom:link href="https://kampotwebsolutions.com/seo/feed/" rel="self" type="application/rss+xml" />
	<link>https://kampotwebsolutions.com</link>
	<description>BLITZSCHNELLE Webseiten</description>
	<lastBuildDate>Sun, 29 May 2022 19:31:34 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://kampotwebsolutions.com/wp-content/uploads/2022/03/cropped-Kampot-Web-Solutions-Favicon-32x32.webp</url>
	<title>SEO &#8211; Webdesign Agentur</title>
	<link>https://kampotwebsolutions.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Barrierefreiheit</title>
		<link>https://kampotwebsolutions.com/barrierefreiheit/</link>
		
		<dc:creator><![CDATA[Dirk Borchers]]></dc:creator>
		<pubDate>Sun, 29 May 2022 19:31:34 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://maracooja.de/?p=296</guid>

					<description><![CDATA[Eine barrierefreie Webseite kannst Du Dir vorstellen, wie eine Behörde oder ein Kaufhaus mit rollstuhlgerechten Zugängen und Braillebeschriftung neben den Fahrstuhlknöpfen. ]]></description>
										<content:encoded><![CDATA[
<p class="em-text blog-text wp-block-paragraph">Eine barrierefreie Webseite kannst Du Dir vorstellen wie eine Behörde oder ein Kaufhaus mit rollstuhlgerechten Zugängen und Braillebeschriftung neben den Fahrstuhlknöpfen.&nbsp;</p>



<p class="em-text blog-text wp-block-paragraph">Bei der Einführung von Maßnahmen, die Webseite barrierefrei zu machen, sind selbstverständlich wieder Behörden und Großunternehmen die Vorreiter, während kleine Unternehmen und Selbständige dieses Thema noch zögerlich angehen.</p>



<h2 class="em-title blog-h2 wp-block-heading"><strong>Ist Deine Webseite barrierefrei?</strong></h2>



<p class="em-text blog-text wp-block-paragraph">Doch dabei gibt es viele gute Gründe, warum Du Deine Webseite jetzt barrierefrei machen solltest.</p>



<ul class="em-text blog-text wp-block-list"><li>Mit der Einrichtung einer barrierefreien Webseite handelst Du <strong>sozial verantwortungsvoll</strong>. Das macht sich auch in der Öffentlichkeitsarbeit gut.</li><li>Viele der Maßnahmen ergänzen sich gut mit <strong>SEO-Maßnahmen</strong>. Du schlägst als zwei Fliegen mit einer Klappe.</li><li>Wie Du Dir sicherlich gut vorstellen kannst, werden die jetzt noch eher weichen Richtlinien zum Thema Barrierefreiheit in Zukunft strenger werden. Mit&nbsp; einer barrierefreien Webseite kannst Du Dich <em>rechtlich schützen</em>.</li><li>Eine barrierefreie Webseite hat noch niemanden von der Nutzung einer Webseite abgehalten, denn die Maßnahmen laufen ja weitestgehend im Hintergrund ab. Du kannst dadurch also nur <strong>Nutzer gewinnen.</strong></li></ul>



<figure class="wp-block-image size-large blog-image"><img decoding="async" src="https://maracooja.de/wp-content/uploads/2022/06/basil-samuel-lade-acGreidgBaQ-unsplash-1024x683.jpg" alt="Ein gesperrter Weg als Sinnbild für Barrieren." class="wp-image-499"/></figure>



<h2 class="em-title blog-h2 wp-block-heading"><strong>Für wen sind barrierefreie Webseiten da?</strong></h2>



<p class="em-text blog-text wp-block-paragraph"><strong>Menschen mit Sehbehinderungen</strong> benutzen häufig einen Screenreader. Dieser liest dem Nutzer dann Informationen vor, die wir als aria-label im Code hinterlegt haben. Das wird dann zum Beispiel so vorgelesen: “Oberes Menü” oder “Link zum Kontaktformular”.</p>



<p class="em-text blog-text wp-block-paragraph">Oder sogenannte alt-texte für Deine Fotos. Der alt-text wird auch <strong>vom Screenreader vorgelesen.</strong> Deshalb solltest Du eine gute Beschreibung des Fotos geben, am Besten mit dem jeweiligen Keyword im Hinterkopf.</p>



<p class="em-text blog-text wp-block-paragraph">Beide Maßnahmen werden auch von Google als <strong>SEO-relevant</strong> gefördert.</p>



<p class="em-text blog-text wp-block-paragraph">Natürlich nutzen nicht alle Menschen mit Sehschwächen einen Screenreader. Daher ist es auch wichtig, auf Dinge wie den Kontrast zwischen Text- und Hintergrundfarbe oder die Schriftgröße zu achten. In Zukunft werden unsere Webseiten auch die Möglichkeit bieten, eine <strong>größere Schrift zu wählen</strong>.</p>



<p class="em-text blog-text wp-block-paragraph"><strong>Hörgeschädigte Menschen</strong> wollen wissen, was in Videos gesprochen wird. Auch dies ist eine Maßnahme, die wir aktiv angehen werden. Wir untersuchen daher im Moment, ob wir den Videos <strong>Untertitel zufügen oder das Transkript direkt unter das Video setzen</strong>. Vielleicht machen wir auch beides.</p>



<figure class="wp-block-image size-large blog-image"><img decoding="async" src="https://maracooja.de/wp-content/uploads/2022/06/dillon-winspear-CsLTW2TftGo-unsplash-1024x683.jpg" alt="Mann überspringt eine Barriere" class="wp-image-501"/></figure>



<p class="em-text blog-text wp-block-paragraph">Weiterhin gibt es Menschen, die keine Maus bedienen können oder wollen. Mit der Tab-Taste springt man ja von Link zu Link. Auf Wunsch fügen wir also eine Funktion hinzu, sodaß der jeweils im Fokus stehende Link rot umrandet wird. Dies ist nicht besonders schön, ist aber vom Gesichtspunkt der Barrierefreiheit auf jeden Fall eine Überlegung wert. Außerdem fügen wir einen sogenannten <strong>Skip-link </strong>hinzu. Dieser ist direkt vor dem oberen Menü angebracht. Wer Tab drückt, springt zum Menü, und wer Enter drückt, springt direkt zum ersten Link im Inhalt. So braucht sich der Nutzer nicht auf jeder Seite wieder neu durchs Menü zu klicken.</p>



<h2 class="em-title blog-h2 wp-block-heading"><strong>Was macht sonst noch eine barrierefreie Webseite aus?</strong></h2>



<p class="em-text blog-text wp-block-paragraph">Kurz gesagt, eine <strong>klare Sprache</strong> und eine <strong>übersichtliche Struktur</strong>.&nbsp;</p>



<p class="em-text blog-text wp-block-paragraph">Schreibe Deine Texte kurzbündig und interessant. Vermeide lange und verschachtelte Sätze. Lockere Deine Texte mit Zwischenüberschriften auf, sodass Deine Nutzer immer genau wissen, wo auf der Webseite sie sich gerade befinden.</p>



<p class="em-text blog-text wp-block-paragraph">Strukturiere die Navigation und die Knöpfe so einfach, dass Nutzer <strong>mit nur wenigen Klicks </strong>jeden Punkt Deiner Webseite erreichen können.&nbsp;</p>



<p class="em-text blog-text wp-block-paragraph">Vermeide flashige Effekte. Einige davon können epileptische Anfälle auslösen.</p>



<h2 class="em-title blog-h2 wp-block-heading"><strong>Rechtliche Grundlagen</strong></h2>



<p class="em-text wp-block-paragraph">International: <a href="http://www.w3.org/TR/WCAG20/">WCAG2</a></p>



<p class="em-text wp-block-paragraph">Deutschland: <a href="http://www.gesetze-im-internet.de/bitv_2_0/">BITV 2.0</a></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
