<?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>inklusives Webdesign Archive - SCHLAWEANA</title>
	<atom:link href="https://schlaweana.agency/tag/inklusives-webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>https://schlaweana.agency/tag/inklusives-webdesign/</link>
	<description>Wiener Marketing Werkstätte</description>
	<lastBuildDate>Tue, 29 Jul 2025 14:34:57 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://schlaweana.agency/wp-content/uploads/2023/02/SCHLAWEANA_Flavicon-230x230.png</url>
	<title>inklusives Webdesign Archive - SCHLAWEANA</title>
	<link>https://schlaweana.agency/tag/inklusives-webdesign/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Barrierefreie Webseite: Pflicht statt Kür</title>
		<link>https://schlaweana.agency/work/barrierefreie-webseite-pflicht-statt-kuer/</link>
		
		<dc:creator><![CDATA[SCHLAWEANA]]></dc:creator>
		<pubDate>Tue, 03 Jun 2025 06:00:31 +0000</pubDate>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[Barrierefreiheitsgesetz]]></category>
		<category><![CDATA[digitale Barrierefreiheit]]></category>
		<category><![CDATA[inklusives Webdesign]]></category>
		<category><![CDATA[WCAG-Standards]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://schlaweana.agency/?p=13445</guid>

					<description><![CDATA[<p>Zugänglich soll’s sein – und zwar für alle. Was früher eine Frage der Haltung war, ist bald Gesetz: Mit dem Barrierefreiheitsgesetz (BaFG) wird digitale Barrierefreiheit ab dem 28. Juni 2025 zur gesetzlichen Pflicht für viele Unternehmen in Österreich. Konkret heißt das: Wer einen Webshop, ein Buchungstool oder eine andere interaktive Webseite betreibt, muss sicherstellen, dass auch Menschen mit Behinderungen problemlos durchkommen – ganz ohne Hürden, dafür mit System.</p>
<p>Der Beitrag <a href="https://schlaweana.agency/work/barrierefreie-webseite-pflicht-statt-kuer/">Barrierefreie Webseite: Pflicht statt Kür</a> erschien zuerst auf <a href="https://schlaweana.agency">SCHLAWEANA</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13445" class="elementor elementor-13445" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-f7a82ed elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f7a82ed" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d6fcf1" data-id="1d6fcf1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c677b85 elementor-widget elementor-widget-text-editor" data-id="c677b85" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<b>Zugänglich soll’s sein, für alle.</b><span style="font-weight: 400;"> Was früher eine Frage der Haltung war, ist bald Gesetz: Mit dem </span><b>Barrierefreiheitsgesetz (BaFG)</b><span style="font-weight: 400;"> wird digitale Barrierefreiheit ab dem </span><b>28. Juni 2025</b><span style="font-weight: 400;"> zur gesetzlichen Pflicht für viele Unternehmen in Österreich. Konkret heißt das: Wer einen Webshop, ein Buchungstool oder eine andere interaktive Webseite betreibt, muss sicherstellen, dass auch Menschen mit Behinderungen problemlos durchkommen – ganz ohne Hürden, dafür mit System. Damit setzt Österreich den </span><i><span style="font-weight: 400;">European Accessibility Act</span></i><span style="font-weight: 400;"> um.</span>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-ace644e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ace644e" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-12ecc6f" data-id="12ecc6f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1a18d34 elementor-widget elementor-widget-heading" data-id="1a18d34" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wer muss digitale Barrierefreiheit bieten?</h2>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ede2fbc" data-id="ede2fbc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4e2b797 elementor-widget elementor-widget-text-editor" data-id="4e2b797" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Das Gesetz betrifft alle Unternehmen, die </span><b>digitale Dienstleistungen</b><span style="font-weight: 400;"> anbieten – vom Hotel mit Online-Buchung bis zur Buchhandlung mit Webshop. Ausgenommen sind nur </span><b>Kleinstunternehmen</b><span style="font-weight: 400;"> mit weniger als 10 Mitarbeitenden und unter 2 Millionen Euro Jahresumsatz. Diese Aufnahme gilt jedoch auch nur dann, wenn digital keine Produkte verkauft werden.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-1ac6ad3 elementor-widget elementor-widget-text-editor" data-id="1ac6ad3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Kurz gesagt: Alle Unternehmen, die online was zum Klicken, Buchen oder Kaufen haben, sind mit von der Partie. Das ist auch gut so!</span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6f85fdd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6f85fdd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-011d469" data-id="011d469" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-c7f0e95 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c7f0e95" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-673b014" data-id="673b014" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-64216b8 elementor-widget elementor-widget-heading" data-id="64216b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Anforderungen an barrierefreie Webseiten</h3>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c9978f9" data-id="c9978f9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-07b2895 elementor-widget elementor-widget-text-editor" data-id="07b2895" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Damit eine Webseite als barrierefrei gilt, muss sie u. a.:</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">leicht navigierbar sein (auch nur mit Tastatur)</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">klar und verständlichen Content beinhalten</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">kontrastreiche Farben sowie anpassbare Schriftgrößen bieten</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Texte, Bilder und andere Inhalte für Screenreader verständlich machen</span></li></ul><p><span style="font-weight: 400;">Um von digitaler Barrierefreiheit zu sprechen, sollte eine Webseite mindestens den WCAG AA-Standard erfüllen. </span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1f59fc8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1f59fc8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33ba519" data-id="33ba519" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-c80923c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c80923c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-95877ed" data-id="95877ed" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-507cc81 elementor-widget elementor-widget-heading" data-id="507cc81" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Vorteile von digitaler Barrierefreiheit</h3>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-db98cc3" data-id="db98cc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3a35436 elementor-widget elementor-widget-text-editor" data-id="3a35436" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Barrierefreie Webseiten bieten nicht nur Menschen mit Beeinträchtigungen verbesserten Zugang zu digitalen Informationen, sondern bringen auch </span><b>älteren Usern </b><span style="font-weight: 400;">erheblichen Mehrwert.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-1bbbfba elementor-widget elementor-widget-text-editor" data-id="1bbbfba" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Darüber hinaus profitiert man auch </span><b>auf Google, Bing &amp; Co.</b><span style="font-weight: 400;"> und erzielt dadurch höhere </span><b>Conversion Rates</b><span style="font-weight: 400;">. Unternehmen, die ihre Webseite strukturiert, kontrastreich und per Tastatur bedienbar gestalten, gewinnen also: Nicht nur die Gunst einer größeren Gruppe von Nutzer:innen, sondern auch Social Impact.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-783c37c elementor-widget elementor-widget-text-editor" data-id="783c37c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Die Vorteile auf einen Blick: </span></p><ul><li style="font-weight: 400;" aria-level="1"><b>Zugänglichkeit: </b><span style="font-weight: 400;">Mehr Menschen können Webseite-Inhalte aufrufen</span></li><li style="font-weight: 400;" aria-level="1"><b>Reichweite</b><span style="font-weight: 400;">: Durch die bessere Zugänglichkeit entsteht automatisch mehr Reichweite, bis zu 20 % mehr Nutzer:innen sind möglich</span></li><li style="font-weight: 400;" aria-level="1"><b>SEO: </b><span style="font-weight: 400;">Verständliche Texte, Alt-Tags und klare Struktur helfen nicht nur Menschen, sondern auch der Suchmaschine</span></li><li style="font-weight: 400;" aria-level="1"><b style="font-size: inherit; font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';">Image</b><span style="font-weight: 400;">: Je höher das Engagement für digitale Inklusion, desto positiver die Auswirkung auf die Markenwahrnehmung</span></li></ul>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8ad8601 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8ad8601" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b330e4d" data-id="b330e4d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-05db727 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="05db727" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a8af883" data-id="a8af883" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-12e6877 elementor-widget elementor-widget-heading" data-id="12e6877" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Was, wenn weiterhin keine Barrierefreiheit besteht?</h2>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ad3c742" data-id="ad3c742" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bf464a0 elementor-widget elementor-widget-text-editor" data-id="bf464a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Es kann richtig teuer werden. </span><b>Bis zu 80.000 Euro Strafe</b><span style="font-weight: 400;"> sind möglich, wenn man sich nicht um die Barrierefreiheit kümmert. Zwar gilt anfangs noch der Grundsatz „</span><i><span style="font-weight: 400;">Beraten vor Strafen</span></i><span style="font-weight: 400;">“, doch die Anpassungen lohnen sich – wie in den Vorteilen ersichtlich – mehrfach. Insbesondere, weil Unternehmen jeglicher Größe auch eine Verantwortung gegenüber Kund:innen tragen. Diese gilt im analogen, wie im digitalen Lebensraum!</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-1dc0439 elementor-align-left elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="1dc0439" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://schlaweana.agency/web">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Web Services</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5854c94 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5854c94" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d98fddf" data-id="d98fddf" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ff63330 elementor-widget elementor-widget-text-editor" data-id="ff63330" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Quellen:</p><p data-start="2832" data-end="2968"><a class="" href="https://www.wko.at/oe/netzwerke/informationen-barrierefreiheitsgesetz-28-06-2025.pdf" target="_new" rel="noopener" data-start="2832" data-end="2966">WKO: Informationen zum Barrierefreiheitsgesetz</a><br /><a class="cursor-pointer" style="font-size: inherit; font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';" href="https://www.sozialministerium.gv.at/Themen/Soziales/Menschen-mit-Behinderungen/Barrierefreiheitsgesetz.html" target="_new" rel="noopener" data-start="2971" data-end="3124">Sozialministerium: Barrierefreiheitsgesetz</a></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a3ee8bf elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a3ee8bf" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-962371d" data-id="962371d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-45544ae elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="45544ae" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9094f28" data-id="9094f28" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f6566e4 elementor-widget elementor-widget-heading" data-id="f6566e4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wir machen’s barrierefrei – gemeinsam mit myAbility</h2>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b0d4d9a" data-id="b0d4d9a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3a6be4f elementor-widget elementor-widget-text-editor" data-id="3a6be4f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Wir sorgen dafür, dass barrierefreies Webdesign nicht zum Stolperstein wird. Gemeinsam mit unserem Partner </span><a href="https://www.myability.org/" target="_blank" rel="noopener"><b>myAbility</b></a><span style="font-weight: 400;"> übernehmen wir:</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">den </span><b>Quick-Check</b><span style="font-weight: 400;"> (Analyse, Bericht, Empfehlungen)</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">die </span><b>Umsetzung</b><span style="font-weight: 400;"> aller technischen und gestalterischen Anpassungen</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">und die Beratung zu </span><b>Förderungen</b><span style="font-weight: 400;">, die bis zu </span><b>75 Prozent der Kosten</b><span style="font-weight: 400;"> abdecken können </span></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-7b8483e elementor-widget elementor-widget-text-editor" data-id="7b8483e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><b>Eine barrierefreie Webseite ist kein Mehraufwand – es ist der neue Standard.</b><span style="font-weight: 400;"> Und mit der richtigen Begleitung ist die Umstellung effizient und zielgerichtet. </span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9592131 elementor-widget elementor-widget-button" data-id="9592131" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="#">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Mehr Infos</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>Der Beitrag <a href="https://schlaweana.agency/work/barrierefreie-webseite-pflicht-statt-kuer/">Barrierefreie Webseite: Pflicht statt Kür</a> erschien zuerst auf <a href="https://schlaweana.agency">SCHLAWEANA</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
