Name: E-Book: Digitale Barrierefreiheit - wie man WordPress barrierefrei macht (100 Seiten PDF)
Brand: byteriver.de | Digitalagentur
Availability: InStock

E-Book: Digitale Barrierefreiheit - wie man WordPress barrierefrei macht (100 Seiten PDF)

4.8 | Ausgezeichnet seit 2018

Mehr Besucher erreichen

€ 0,00 € 89,00

inkl. MwSt.

Barrieren einfach reduzieren

Bessere Nutzererfahrung schaffen

Schritt für Schritt umsetzen

Zukunftssicher aufstellen

Digitale Barrierefreiheit ist kein Luxus, sondern eine Notwendigkeit. Dieses E-Book zeigt praxisnah, wie du mit WordPress eine Website gestaltest, die für alle Menschen zugänglich ist – unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen.

Ob für Agenturen, Webdesigner:innen, Entwickler:innen oder Redakteur:innen – dieses Buch bietet eine systematische Anleitung, wie du Barrieren erkennst, vermeidest und beseitigst. Von der strukturierten Inhaltsgestaltung über barrierefreie Formulare bis hin zur Umsetzung von ARIA-Rollen und der Integration barrierefreier Medien bekommst du Schritt für Schritt alles an die Hand, was du brauchst.

Das erwartet dich:

Einführung in die Grundprinzipien der Barrierefreiheit (WCAG, WAI-ARIA, rechtliche Grundlagen)
Technische Umsetzung in WordPress: Themes, Plugins, Editor und semantischer Code
Konkrete Praxisbeispiele für den Umbau bestehender Seiten
Checklisten, Tools und Testmethoden für nachhaltige Barrierefreiheit
Glossar zur schnellen Orientierung bei Fachbegriffen

Dieses E-Book macht dich mit allen relevanten Aspekten vertraut – verständlich erklärt, direkt umsetzbar und speziell für WordPress-Nutzer:innen aufbereitet. Perfekt für alle, die ihre Website inklusiver, professioneller und zukunftssicher gestalten möchten.

Zielgruppe:
Website-Betreiber:innen, Entwickler:innen, Agenturen, Blogger:innen, Vereine, Bildungseinrichtungen und Unternehmen, die WordPress nutzen und Wert auf digitale Teilhabe legen.

Format:
E-Book (PDF, EPUB)

Umfang:
100 Seiten mit Praxisbeispielen, Anleitungen und Checklisten im PDF-Format

Hinweis:
Dieses E-Book richtet sich an Nutzer:innen mit Grundkenntnissen in WordPress. WooCommerce. HTML- und CSS-Basiswissen ist hilfreich, aber nicht zwingend erforderlich.

Wir sind eine Shopify Agentur im Herzen von NRW und stehen dir in Deutschland, Österreich & der Schweiz mit Rat und Tat zur Seite.

Du erfährst in einem 1:1 Gespräch via Google Meet, wie dein Shop mehr Umsatz genieren kann. Hier gehts zur Terminbuchung.

E-Book: Digitale Barrierefreiheit - wie man WordPress barrierefrei macht (100 Seiten PDF)

EU-Garantielabel

GARAN Label Generator

Erstelle ein GARAN-Label als SVG, PDF, PNG, JPG oder WebP. Der QR-Code verweist fest auf die Informationsseite der Europäischen Union.

Variante

Garantiedauer (Jahre) Mehr als 2 Jahre. Halbe Jahre sind möglich, zum Beispiel 2,5. Hersteller / Marke Modellbezeichnung

Download

Mit dem Download bestätigen Sie, dass Sie das Label eigenverantwortlich prüfen und einsetzen.

Vorschau

Vorlage wird geladen …

Die Darstellung basiert direkt auf den unter „Assets“ hinterlegten SVG-Vorlagen. Hersteller, Modellbezeichnung und Garantiedauer werden in der Vorschau ersetzt. Der QR-Code bleibt Bestandteil der Originalvorlage.

Hinweis: Dies ist ein unabhängiges Werkzeug und nicht das offizielle Tool der EU-Kommission. Eine Zusicherung der Rechtskonformität ist nicht verbunden. Maßgeblich ist ausschließlich der amtliche Verordnungstext. Verantwortlich für die korrekte Kennzeichnung bleibt der jeweilige Verwender. Prüfen Sie das erzeugte Label vor dem Einsatz und ziehen Sie im Zweifel rechtlichen Rat hinzu. Zu den Nutzungsbedingungen

Was brauche ich wirklich?

Beantworte einige kurze Fragen und erhalte deine persönliche Dienstleistungsempfehlung.

Frage 1 von 10

Was möchtest du aktuell am meisten verbessern?

Frage 2 von 10

Welche Herausforderung beschreibt deine Situation am besten?

Frage 3 von 10

Wobei benötigst du aktuell die größte Unterstützung?

Frage 4 von 10

Welches Ziel verfolgst du kurzfristig?

Frage 5 von 10

Welcher Bereich interessiert dich am meisten?

Frage 6 von 10

Was würde deinem Unternehmen aktuell am meisten helfen?

Frage 7 von 10

Welches Thema möchtest du zuerst angehen?

Frage 8 von 10

Welche Aussage trifft auf dich am ehesten zu?

Frage 9 von 10

Worin möchtest du investieren?

Frage 10 von 10

Welches Ergebnis wäre für dich der größte Erfolg?

Shopify Playground: Gewinne einen kleinen Einblick in unsere Arbeit.

Verändere Farben, Typografie, Bilddarstellung, Abstände, Ecken und Layout direkt in der Demo.

Layout

Hintergrund

Eigene Farbe Akzentfarbe

Verändere deine Produktseite live. Alle Anpassungen werden unmittelbar in Vorschau und Code übernommen.

shop.example/products/premium-chair

Neu

London Premium Stuhl

★★★★☆(128)

€ 74,90

inkl. MwSt. zzgl. Versand

Farbe: Beige

Menge

Kostenloser Versand ab 50 €

30 Tage Rückgabe

2 Jahre Garantie

Schneller Versand

✦ main-product.liquid

{% assign current_variant =
product.selected_or_first_available_variant %}
<section class="product-page">
<div class="product-page__gallery">
{{
product.featured_image
| image_url: width: 1600
| image_tag:
loading: 'lazy',
class: 'product-page__image'
}}
</div>
<div class="product-page__details">
<h1>{{ product.title }}</h1>
<div class="product-page__price">
{{ current_variant.price | money }}
</div>
<form method="post" action="/cart/add">
<input type="hidden" name="id"
value="{{ current_variant.id }}">
<button type="submit"
class="button button--primary">
In den Warenkorb
</button>
</form>
</div>
</section>
.product-page {
display: grid;
grid-template-columns: minmax(0, 52%) minmax(0, 1fr);
gap: 24px;
font-family: Theme font;
--product-accent: #21f4bf;
}
.product-page__image {
border-radius: 18px;
}

✓ Code ist aktuell Liquid

Warenkorb ×

Premium Produkt Standard

89,00 €

Zwischensumme 89,00 €

Zur Kasse

Produkt Premium Produkt Standard

Menge

Versandhinweis Kostenloser Versand ab 50 €

Zwischensumme 89,00 €

Versand Kostenlos

Checkout

Sicher zur Kasse

▣ SSL verschluesselt

Zahlungsarten

PayPal VISA Apple Pay Klarna

✓Sicher bezahlen

✓Schneller Versand

✓Persoenlicher Support

Desktop: Hover · Smartphone: Tippen

Vorher

Nachher

greenmarket

Pavlina Jauss

Münchner Waschkultur

Schritt 1 von 4

Wie lautet deine Mailadresse?

Bitte gib deine E-Mail-Adresse ein.

Schritt 3 von 4

Welches Thema interessiert dich?

So können wir deine Anfrage besser zuordnen.

Shop-Erstellung Neuen Shop aufbauen Design & Branding Design anpassen Marketing Mehr Reichweite Technische Anpassungen Funktionen & Integrationen Optimierung Performance & Conversion Sonstiges Andere Anfrage

Deine Nachricht (optional)

Deine Daten sind bei uns sicher. Wir senden dir keine Werbe-E-Mails.

Wie entwickelt sich deine Conversion Rate?

Verändere die drei Hebel und sieh sofort, wie sich Seitenbesucher, Bestellungen und Conversion Rate entwickeln.

Conversion Rate

0,0 %

Anzahl der Seitenbesucher

Anzahl der Bestellungen

Traffic

Werbebudget pro Monat

0 €

Shop-Optimierung

Shopify Agentur-Budget pro Monat

0 €

Kundenbindung

Newsletter-Anmeldungen Gesamt

EU-Widerrufsbutton ohne App

Die meisten Lösungsanbieter zur rechtskonformen Einbindung des EU-Widerrufsbuttons empfehlen eine App, dass diese jedoch pro Jahr mehrere hundert Euro kostet, darüber spricht Niemand.

Widerrufsbutton bestellen

Wir optimieren nicht nur das Design. Wir gehen tiefer.

Bewegen Sie das Fenster über die Section und entdecken Sie den Shopify-Code hinter der sichtbaren Oberfläche.

Ein Shop, der nicht nur gut aussieht.

Wir verbinden hochwertiges Design mit individueller Shopify-Entwicklung, durchdachter Nutzerführung und sauberem Code.

Projekt besprechen

Individueller Shopify-Code

Ohne unnötige Apps

Sauber umgesetzt Schnell und skalierbar



{% assign product_form_id = 'product-form-' | append: section.id %}

<section class="product-section">
  <div class="page-width">
    <div class="product-grid">
      <div class="product-media">
        {{ product.featured_image
          | image_url: width: 1400
          | image_tag:
            loading: 'lazy',
            widths: '500, 800, 1100, 1400',
            class: 'product-image'
        }}
      </div>

      <div class="product-information">
        {% if product.vendor != blank %}
          <p class="product-vendor">
            {{ product.vendor }}
          </p>
        {% endif %}

        <h1 class="product-title">
          {{ product.title }}
        </h1>

        <div class="product-price">
          {{ product.price | money }}
        </div>

        {% form 'product', product, id: product_form_id %}
          <input
            type="hidden"
            name="id"
            value="{{ product.selected_or_first_available_variant.id }}"
          >

          <button
            type="submit"
            class="button button--primary"
          >
            In den Warenkorb
          </button>
        {% endform %}
      </div>
    </div>
  </div>
</section>

<style>
  .product-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 64px;
  }

  .product-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }

  .product-title {
    margin: 0 0 20px;
    font-size: clamp(36px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -0.04em;
  }

  .button--primary {
    width: 100%;
    min-height: 56px;
    margin-top: 28px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
  }
</style>



{% assign product_form_id = 'product-form-' | append: section.id %}

<section class="product-section">
  <div class="page-width">
    <div class="product-grid">
      <div class="product-media">
        {{ product.featured_image
          | image_url: width: 1400
          | image_tag:
            loading: 'lazy',
            widths: '500, 800, 1100, 1400',
            class: 'product-image'
        }}
      </div>

      <div class="product-information">
        {% if product.vendor != blank %}
          <p class="product-vendor">
            {{ product.vendor }}
          </p>
        {% endif %}

        <h1 class="product-title">
          {{ product.title }}
        </h1>

        <div class="product-price">
          {{ product.price | money }}
        </div>

        {% form 'product', product, id: product_form_id %}
          <input
            type="hidden"
            name="id"
            value="{{ product.selected_or_first_available_variant.id }}"
          >

          <button
            type="submit"
            class="button button--primary"
          >
            In den Warenkorb
          </button>
        {% endform %}
      </div>
    </div>
  </div>
</section>

<style>
  .product-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 64px;
  }

  .product-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }

  .product-title {
    margin: 0 0 20px;
    font-size: clamp(36px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -0.04em;
  }

  .button--primary {
    width: 100%;
    min-height: 56px;
    margin-top: 28px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
  }
</style>



{% assign product_form_id = 'product-form-' | append: section.id %}

<section class="product-section">
  <div class="page-width">
    <div class="product-grid">
      <div class="product-media">
        {{ product.featured_image
          | image_url: width: 1400
          | image_tag:
            loading: 'lazy',
            widths: '500, 800, 1100, 1400',
            class: 'product-image'
        }}
      </div>

      <div class="product-information">
        {% if product.vendor != blank %}
          <p class="product-vendor">
            {{ product.vendor }}
          </p>
        {% endif %}

        <h1 class="product-title">
          {{ product.title }}
        </h1>

        <div class="product-price">
          {{ product.price | money }}
        </div>

        {% form 'product', product, id: product_form_id %}
          <input
            type="hidden"
            name="id"
            value="{{ product.selected_or_first_available_variant.id }}"
          >

          <button
            type="submit"
            class="button button--primary"
          >
            In den Warenkorb
          </button>
        {% endform %}
      </div>
    </div>
  </div>
</section>

<style>
  .product-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 64px;
  }

  .product-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }

  .product-title {
    margin: 0 0 20px;
    font-size: clamp(36px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -0.04em;
  }

  .button--primary {
    width: 100%;
    min-height: 56px;
    margin-top: 28px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
  }
</style>

E-Commerce-Management buchen

Bereits ab € 39,-/Std. managen wir alle Abläufe in deinem Onlineshop. Unsere Interim E-Commerce-Manager bearbeiten nicht nur deine Bestellungen, sondern kümmern sich um die Shoppflege, Kundensupport & Absatzsteigerung.

Du konzentrierst dich auf dein Business & wir konzentrieren uns auf die notwendigen Prozesse im E-Commerce deines Shops.

Kapazität planen

E-Book: Digitale Barrierefreiheit - wie man WordPress barrierefrei macht (100 Seiten PDF)

GARAN Label Generator

Was brauche ich wirklich?

Was möchtest du aktuell am meisten verbessern?

Welche Herausforderung beschreibt deine Situation am besten?

Wobei benötigst du aktuell die größte Unterstützung?

Welches Ziel verfolgst du kurzfristig?

Welcher Bereich interessiert dich am meisten?

Was würde deinem Unternehmen aktuell am meisten helfen?

Welches Thema möchtest du zuerst angehen?

Welche Aussage trifft auf dich am ehesten zu?

Worin möchtest du investieren?

Welches Ergebnis wäre für dich der größte Erfolg?

E-Book Shopify Coaching: Bring dein Geschäft voran

E-Book Shopify SEO: Dein Weg zur Spitzenposition bei Google

E-Book GPSR: Umsetzung mit Metafeldern

E-Book Shopify Secrets

GRATIS Storeanalyse (45 Min. Google Meet)

llms.txt Datei GRATIS - Perfekt für deine GEO-Strategie

E-Book: WordPress Design – Elementor, WP Bakery, Divi & Gutenberg (82 Seiten PDF)

E-Book: Das große WooCommerce SEO-Handbuch (125 Seiten PDF)

E-Book: WooCommerce Marketing - Social Ads Strategien für deinen Erfolg (58 Seiten PDF)