Deine Screenreader Erfahrung!

Schön, dass du hier bist! Diese Seite zeigt dir, wie es ist, wenn du eine Seite nur mit einem Screenreader lesen und navigieren kannst!

Anleitung

Du kannst die Texte, Bilder und Buttons dieser Seite nur mit einem Screenreader sehen und sie bedienen 🙂

Wie das funktioniert?

Wenn du an einem MacBook oder iMac sitzt, kannst du einfach CMD+F5 drücken und dein Screenreader startet (und er stoppt auch so wieder). Danach kannst du dich mit den Pfeiltasten zwischen einzelnen Elementen hin und her bewegen. Außerdem kannst du mit dem Tabulator von Link zu Link springen.

Du kannst noch viel, viel mehr. Zum Beispiel zwischen Überschriften hin und her springen mit CMD+H oder zur nächsten Liste mit CMD+X. Mehr dazu findest du hier:
Apple Voice-Over Shortcuts

Du sitzt an einem Windows-Rechner?
Dann gibt es leider keine eingebaute Funktion (die gut funktioniert). Du müsstest dir das kostenlose Tool von NVDA herunterladen. Hier der Link zur NVDA-Webseite

Viel Spaß bei deinem vielleicht ersten Screen-Reader-Erlebnis!

Hier geht der eigentliche Seiteninhalt los: Barrierefreie Webseiten erstellen.

Digitale Barrierefreiheit wird ab 2025 Pflicht. Wir konzipieren, designen und erstellen barrierefreie Webseiten mit Fokus auf Gestaltung, Nutzerführung und Skalierbarkeit.

Gespräch vereinbaren
Ein Tablett, auf dem die Startseite einer Webseite unserer Kunden gezeigt wird. Man sieht eine Frau, die auf dem Sofa sitzt und in die Kamera lacht. Daneben auf dem Bild ist ein Formular, in dem man seinen Standort eingeben kann, um einen Heilpraktiker in seiner Nähe zu finden.

Vorteile Barrierefreier WEbseiten

  • Verliere weniger Kunden!

    20 % der Menschen haben eine Behinderung, die sie davon abhält, nicht-barrierefreie-Webseiten zu nutzen und deine Produkte zu kaufen.

    Eine Illustration von einem Kreis, in dem 80% steht. Darin befindet sich ein kleinerer Kreis in dem 20 % steht. Die Grafik symbolisiert, wie groß der Anteil an Menschen ist, die nicht berücksichtigt werden.
  • Werde attraktiver für neue Mitarbeiter!

    77% der Millennials achten bei der Jobsuche auf soziale oder ökologische Verantwortung der Firmen und 38% der Mitarbeiter in Firmen mit sozialer Verantwortung bemühen sich mehr, die Firma voranzubringen.

    Eine Illustration von mehreren DIN-A4 Blättern aufeinander. Auf dem obersten Blatt steht Bewerbung.
  • Eroberer Herzen als Lieblingsmarke!

    Menschen mit Behinderung suchen zur Zeit vergeblich nach Marken, die sie lieben können. Der perfekte Zeitpunkt, um deine Marke zu positionieren.

    Eine Strich-Figur ohne Arme, aber mit einem Lachen auf dem Gesicht und 2 großen, roten Herzen um sich herum.
  • Vermeide rechtliche Probleme

    Der European Accessibility Act verpflichtet, digitalen Geschäftverkehr barrierefrei zu machen. Deutschland hat die EU-Richtlinie im Juli 2021 durch das Barrierefreiheitsstärkungs-Gesetz (BFSG) in nationales Recht umgesetzt und fordert ab 2025 WCAG-Konformität von Privatunternehmen.

    Quelle: https://www.bitvtest.de/
    Ein rosa Dreieck mit Gesicht. Es zwinkert dir zu und hebt seinen Daumen nach oben. Es hat ein weiteres Dreieck angefügt, dass symbolisiert, dass die Figur ein Hörgerät hatt.
  • ... und noch vieles mehr!

    Bald findest du hier unsere ausführliche Sammlung zum Thema "Barrierefreiheit: Der Business Case" als Download. Bis dahin freuen wir uns, mit dir persönlich darüber zu reden!

    Gratis Gespräch vereinbaren

In 4 Schritten barrierefrei!

  • SChritt 1: Strategie

    Wir setzen uns zusammen und finden heraus, was deine Webseite braucht, um barrierefrei zu werden. Je nach Zustand deiner Webseite können das kleine Änderungen am Layout sein oder auch ein komplett neues Design bzw. eine Neuaufsetzung deiner Webseite oder deines Online-Shops.

  • SCHRITT 2: UI / UX Design

    Auf Grundlage unserer erarbeiteten Strategie machen wir Anpassungen an dem Design deiner Seite oder gestalten sie bei Bedarf neu. Dabei bringen wir die Themen modernes Design, User Experience und Barrierefreiheit unter einen Hut.

  • Schritt 3: Entwicklung

    Entweder entwickeln wir deine barrierefreie Webseite selbst oder unterstützen dein Entwicklerteam dabei, das Design umzusetzen. Dabei stellen wir sicher, dass deine Website unter anderem von Screenreadern gelesen werden kann oder auch ohne Maus zu navigieren ist.

  • Schritt 4: Workshops

    Um nicht nur barrierefrei zu werden, sondern es auch zu bleiben, müssen Content-Team, Designer und Entwickler ein Verständnis von Barrierefreiheit haben. In unseren Workshops zeigen wir euch, wie ihr Barrierefreiheit effektiv in eure Prozesse integriert.

So erstellen wir barrierefreie Webseiten

  1. Workshops zur Barrierefreiheit

    Wenn du ein eigenes Team hast, starten wir mit einem Workshop zum Thema Barrierefreiheit. Nur, wenn alle an Bord sind, können wir langfristig Barrierefreiheit sicherstellen.

  2. Analyse & Konzeption

    Du willst eine bestehende Webseite barrierefrei machen? Wir analysieren den Ist-Zustand und stellen einen Plan auf. Deine Webseite ist ganz neu? Wir gehen in die strategische Konzeption mit dir.

  3. UX-Konzeption

    Neben der Barrierefreiheit durchdenken wir nutzerfreundliche und effektive User-Journeys. Durch eine klare Navigation, kurze Klickstrecken und zielgerichtete Inhalte, wandeln wir Besucher in Kunden um.

  4. Design

    Wir entwickeln ein barrierefreies Design, das modern aussieht, deine Marke widerspiegelt und deine Zielgruppe anspricht. Du bekommst ein Design-System, um deine Webseite aufzubauen und sie skalierbar zu machen.

  5. Texte & Content

    Wir helfen dir und deinem Team dabei, den kompletten Content für deine Webseite barrierefrei zu machen. Angefangen von den Texten über Bilder, hin zu Videos und PDFs.

  6. Webentwicklung

    Schlussendlich entwickeln wir dir eine barrierefreie Webseite. Wenn du selbst Entwickler*innen hast, übernehmen wir in diesem Fall das testen und optimieren der Barrierefreiheit, während der Entwicklung.

Warum mit uns?

  • Wir sind Expert*innen für Barrierefreiheit, die selbst umsetzen oder dein Team beraten.

  • Wir erstellen keine Webseiten, sondern Nutzererfahrungen, die deine Marken-Auftritt verbessern und deine Conversion-Rate steigern und deine Kunden langfristig an dich binden.

  • Wir haben jahrelange Erfahrung im erstellen von strategischen Webseiten, die deine Business-Anforderungen erfüllen.

  • Wir liefern technisch saubere Webseiten, die langfristige Skallierbarkeit, rechtssichere Barrierefreiheit und beste SEO-Ergebnisse gewährleisten.

  • Wir haben echt süße barrierefrei Maskottchen, die sonst keiner hat!

Neue ANforderungen an Webseiten

Die WCAG umfasst 60 Anforderungen, die dein Webseite erfüllen muss, um als barrierefrei zu gelten ...

  • Ohne Maus nutzbar

  • Lesbar für Screenreader

  • Ohne Farben nutzbar

  • Textalternativen für Bilder

  • Korrekte HTML-Struktur

  • Verzicht auf Flackern

  • Verzicht auf Schriftgrafik

  • Videos mit Untertitel

  • und 52 mehr!

Wir unterstützen dich dabei, alle Anforderungen zu erfüllen.

Gratis Gespräch vereinbaren

Kundenstimmen

  • Tobias W.

    "Tobias & Nina sind ein ausgezeichnetes Team aus Designer und Programmiererin. Sie haben eine sensibles Gespür für Branding und Geschäftsentwicklung. Wenn man mit ihnen arbeitet, hat man es mit Partnern zu tun, der weit über den eigenen Tellerrand hinaus gucken. Das führt immer auf interessante kreative Wege."
    Tobias W.
  • Sandra L.

    Ein Portrait unserer Kundin Sandra L., sie lächelt in die Kamera
    "Nina & Tobias begeistern mich durch den großen weiten Blick auf die Bedürfnisse ihrer Kunden und die enge Verbindung zueinander. Durch die präzise Arbeit, sehen meine Kunden mit einem Blick, was mich und meine Praxis ausmacht und treten sehr schnell in Kontakt zu mir. Vielen Dank für Ihre großartige Arbeit!"
    Sandra L.
  • Manuel A.

    Unser Kunde Manuel A. mit Hosenträger und Hemd. Er lacht in die Kamera.
    "Wir haben am Branding, der Marketingstrategie und der Webseite für Frikness gearbeitet und ihr Beitrag war erstaunlich! Sie konnten genau erfassen, was wir brauchen und was wir vermitteln wollten, und haben die Webseite sauber umgesetzt. Wir können jetzt sehr einfach den Kundenfluss, die Marketing-E-Mails und Website-Inhalte verwalten."
    Manuel A.

LAss Uns reden!

Mache deine Webseite zugänglicher für alle und dein Unternehmen rechtssicher.

Vereinbare dein Erstgespräch

Dieses Feld dient zur Validierung und sollte nicht verändert werden.

Oder melde dich persönlich!

Häufige Fragen