Inklusives Web

Barrierefreiheit ohne Kompromisse

Jetzt informieren

Unsere Mission? Webseiten, die für jeden da sind. Das Internet ist ein Ort für alle, und bei 9elements setzen wir uns dafür ein, dass wirklich jede:r davon profitieren kann. Dabei ist Barrierefreiheit für uns kein Feature, sondern die Grundlage unser Arbeit. Seit Langem gestalten und entwickeln wir inklusiv. Wir sind Expert*innen darin, für Barrierefreiheit zu optimieren und deine Webseite gemäß den EU-Richtlinien zu gestalten. Jede:r soll deinen Content erleben können – und wir zeigen dir, wie das geht.

Jedes Detail zählt

Wir nehmen euch mit unter die Oberfläche

Auch wenn äußerlich keine Unterschiede zu erkennen sind, kann der Code unter der Haube ganz anders aussehen – und somit unzugänglich sein. Besonders für Nutzer von Assistenzsoftware wie Screenreadern ist dies entscheidend.

Ein Beispiel für einen Blogartikel-Teaser mit einem Bild oben, einer Überschrift, einem kurzen Absatz darunter und einer Schaltfläche.
Beispielbild zu Demonstrationszwecken

Schlechtes Beispiel

Code

<a class="article" href="#">
  <img
    src="/images/photo-1533777857889.png"
    alt="photo-1533777857889.png"
    loading="lazy"
    decoding="async"
  />

  <div>
    <p>
      Konzept &amp; Design
    </p>

    <p>
      Technologie allein reicht nicht aus. Sie muss präzise geplant und auf
      das beabsichtigte Benutzerverhalten ausgerichtet werden. Hier kommt
      außergewöhnliches UX / UI Design ins Spiel.
    </p>

    <button>mehr</button>
  </div>
</a>
Transkript

Link Foto 15. März 2019 png Konzept und Design Technologie allein reicht nicht aus. Sie muss präzise geplant und auf das beabsichtigte Benutzerverhalten ausgerichtet werden. Hier kommt außergewöhnliches UX Schrägstrich UI Design ins Spiel mehr.

Gutes Beispiel

Code

<article class="article" aria-labelledby="teaser-heading-konzept-design">
  <img 
    src="/images/Photo_of_a_hand_drawing_a_website_concept.png" 
    alt="Eine Hand, die mit einem schwarzen Stift ein Website-Konzept 
    auf ein Blatt Papier zeichnet. Das Papier enthält Skizzen von 
    Webseiten-Layouts mit Platzhaltern für Bilder und Text." 
    loading="lazy" 
    decoding="async" 
  />

  <div>
    <h2 id="teaser-heading-konzept-design">
      Konzept &amp; Design
    </h2>

    <p>
      Technologie allein reicht nicht aus. Sie muss präzise geplant und auf 
      das beabsichtigte Benutzerverhalten ausgerichtet werden. Hier kommt 
      außergewöhnliches UX / UI Design ins Spiel.
    </p>

    <a href="#" aria-label="Mehr zum Artikel Konzept & Design erfahren">
      mehr
    </a>
  </div>
</article>
Transkript

Konzept und Design Article.

Eine Hand, die mit einem schwarzen Stift ein Website-Konzept auf ein Blatt Papier zeichnet. Das Papier enthält Skizzen von Webseiten-Layouts mit Platzhaltern für Bilder und Text. – Bild

Überschrift Ebene zwei: Konzept und Design.

Technologie allein reicht nicht aus. Sie muss präzise geplant und auf das beabsichtigte Benutzerverhalten ausgerichtet werden. Hier kommt außergewöhnliches UX Schrägstrich UI Design ins Spiel.

Link: Mehr zum Artikel Konzept und Design erfahren.

Das treibt uns an

  • Von Grund auf inklusiv

    Bei uns ist Barrierefreiheit nicht nur ein nachträglicher Gedanke, sondern integraler Bestandteil unseres Designs. Wir berücksichtigen die Bedürfnisse aller Nutzer*innen von Beginn an und stellen sicher, dass unsere Websites für jede:n zugänglich sind. Ob es um lesbare Schriftgrößen, kontrastreiche Farben oder eine benutzerfreundliche Navigation geht.

  • Technologie die verbindet

    Vom Screenreader bis zur Sprachsteuerung – unsere Technologie steht für Inklusion. Wir nutzen modernste Tools und Ansätze, um sicherzustellen, dass deine Website auf allen Geräten und für alle Nutzer*innen funktioniert – seit dem 1. Auftrag integrieren wir Technologien, die Barrieren abbauen.

  • Individuelle Lösungen

    Jedes Projekt ist einzigartig – wir liefern maßgeschneiderte Lösungen statt Einheitsbrei. Durch Analysen deiner spezifischen Anforderungen und Zielgruppen finden wir kreative Wege, um Zugänglichkeit modern zu gestalten.

Pakete

  • Barrierefreies Design

    Inklusives User Interface für dein Projekt – egal ob Website, App oder zurück zur Corporate Identity. Wir achten auf Kontraste nach den neusten WCAG3 APCA Standard. Auch Schriftgrößen und -stile werden von uns genaustens ins Visier genommen.

  • Inklusiver Code

    Wir überarbeiten deinen bestehenden Website-Code hinsichtlich des Barrierefreiheitsstärkungsgesetz, das 2025 in Kraft tritt. Das Umfasst unter anderem die Optimierung für Screenreader, Sprachsteuerung & Verbesserung der Ladezeiten. So bist du bestens vorbereitet auf die kommenden EU Vorgaben und öffnest deinen Content für eine größere Zielgruppe.

  • Alles Inklusiv

    Du möchtest schon lange deiner Website einen neuen Look verpassen? Wir helfen dir dabei. Vom Konzept über die Gestaltung bis hin zur Umsetzung und Wartung – alles unter Berücksichtigung der Standards zur Barrierefreiheit.

    Weitere Infos anfragen

Du bist dir nicht sicher, ob deine Website barrierefrei ist? Wir untersuchen verschiedene Aspekte deiner Website, darunter Farbkontraste, Navigation und Barrierefreiheit. Durch diese manuelle Analyse erhältst du ein klares Bild davon, wie inklusiv deine aktuelle Website ist und welche Schritte unternommen werden können, um sie zugänglich zu machen.

Jetzt informieren

Unsere letzten Projekte Rund um Barrierefreiheit

Kürzlich zugänglich gemacht

Für viele notwendig, und bald auch verpflichtend

Die Verpflichtung zur Barrierefreiheit im Web galt bislang Institutionen zur Vergabe öffentlicher Aufträge – ab 2025 ist sie dank des Barrierefreiheitsstärkungsgesetz (kurz: BFSG) endlich auch für den privaten Sektor einzuhalten. Wir unterstützen dich in deiner maßgeschneiderten Lösung – egal ob Sanierung oder Neubau.

Jetzt anfragen

Sprechen wir über ...

Trusted by

Shutterstock Microsoft Zalando IBM Red Bull Deutsche Bank