Inclusive web

Accessibility without compromise

Our mission? Websites for everyone. And at 9elements we are committed to ensuring that everyone can benefit from it. Accessibility is not a feature for us, but the basis of our work. We have been designing and developing inclusively for a long time. We are experts in optimizing for accessibility and designing your website in accordance with EU directives. Everyone should be able to experience your content – and we'll show you how.

Every detail counts

We take you beyond the surface

Even if no differences are visible on the outside, the code under the hood may look completely different - and therefore be inaccessible. This is particularly important for users of assistance software such as screen readers.

~ The examples are currently only available in German, stay tuned. ~

An example of a blog article teaser with an image at the top, a headline, a short paragraph below and a button.
Example image for demonstration purposes

Bad example

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>
Transcript

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.

Good example

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>
Transcript

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.

What drives us

  • Inclusive from the ground up

    For us, accessibility is not just an afterthought, but an integral part of our design. We consider the needs of all users right from the start and ensure that our websites are accessible for everyone. Whether it's legible font sizes, high-contrast colors or user-friendly navigation.

  • Technology that connects

    From screen readers to voice control - our technology stands for inclusion. We use the latest tools and approaches to ensure that your website works on all devices and for all users - we've been integrating technologies that break down barriers since day one.

  • Individual solutions

    Every project is unique - we deliver customized solutions instead of one-size-fits-all. By analyzing your specific requirements and target groups, we find creative ways to make accessibility modern.

Packages

  • Accessible design

    Inclusive user interface for your project - whether website, app or back to the corporate identity. We pay attention to contrasts according to the latest WCAG3 APCA standard. We also take a close look at font sizes and styles.

  • Inclusive code

    We revise your existing website code with regard to the new Accessibility Law Act, which comes into force in 2025. This includes optimizing for screen readers, voice control & improving loading times. This way, you are well prepared for the upcoming EU regulations and open up your content to a larger target group.

  • All inclusive

    Have you been wanting to give your website a new look for a long time? We can help you. From concept and design to implementation and maintenance - all in compliance with accessibility standards

    Request further information

Not sure if your website is accessible? We examine various aspects of your website, including color contrasts, navigation and accessibility. This manual analysis will give you a clear picture of how inclusive your current website is and what steps can be taken to make it accessible.

Inform now

Our latest projects around accessibility

Recently made accessible

Essential for many and soon mandatory

The obligation to provide accessibility on the web has so far applied to institutions awarding public contracts - from 2025, it will finally also apply to the private sector thanks to the Accessibility Reinforcement Act (BFSG). We support you with your tailor-made solution - whether it's a renovation or a new build.

Request now

Let's talk about ...

Trusted by