Our yellow, round mascot Sam is depicted here as an elderly person. She raises a walking stick and smiles.Our red, triangular mascot Tine wears a hearing aid. She gives a thumbs up and is happy.

Your Learning-Hub for Digital Accessibility!

Learn how to build accessible websites (design, dev, content) – or let us do the job!

  • Fast Learning

  • Quick Implementation

  • Easy Testing

Start learning the WCAG!

Happy Customers

  • Logo DB Systel GmbH
  • Logo Aktion Mensch
  • Logo accenture
  • Logo Jobrad
  • Logo HelloDesign
  • Logo eon
  • Logo BVB
  • Logo Starfinanz

Learn accessibility in Design!

We’re currently in the process of translating all our German content into English. You’ll find more of our fantastic workshops right here soon!

understand the WCAG!

WCAG 1.2.3: Audio Description or Media Alternative (Prerecorded)Merksatz:"Make a wonderful choice: add a text transcript or descriptive voice."

Short description:

Your videos need an audio description or a full-text alternative if they contain important information that is not conveyed in the audio track.

 

Effort:

  • Complexity:Easy
  • Time to implement:Fast

Responsibility:

Content

WCAG 1.3.1: Info and Relationships (Quotes)Merksatz:"If you’re quoting me, use <blockquote> properly!"

Short description:

Standalone quotes must be marked up using <blockquote>. These can include, for example, individual customer feedback on a website. Quotes within paragraphs don’t necessarily require special markup.

 

Effort:

  • Complexity:Easy
  • Time to implement:Fast

Responsibility:

Developement

Illustration of a character saying: If you share what I wrote, don’t forget to use blockquote! The quoted text is shown inside an HTML blockquote element.

WCAG 1.3.3: Sensory CharacteristicsMerksatz:"When you describe content of any sort, don’t just use ‘green, square’ or other sensory report."

Short description:

Avoid relying on sensory cues in your text. Phrases like »bottom left« are often unhelpful for screen reader users. Instead, focus on descriptive text, for example: “Click the ‘Order Now’ button!”

 

Effort:

  • Complexity:Easy
  • Time to implement:Fast

Responsibility:

Content

Illustration comparing unclear and clear instructions. The first line, marked with an X, says: Click the yellow, round button at the bottom. The second line, marked with a checkmark, gives the clearer instruction: Click the yellow ‘Order now’ button. Below is the yellow Order now button.
See all criteria