---
title: "Design & development"
url: "https://barrierefreihochzwei.de/en/blog/design-development"
language: "en"
description: "Contrast, forms, keyboard and focus: accessibility in the interface and in the code."
published: "2026-10-15T09:42:17+02:00"
updated: "2026-10-15T09:42:17+02:00"
---

# Design & development

Contrast, forms, keyboard and focus: accessibility in the interface and in the code.

Category

# Design & development

Contrast, forms, keyboard and focus: accessibility in the interface and in the code.

[ ](https://barrierefreihochzwei.de/en/blog/accessible-forms-labels-errors-logins) 28. September 2026 ·Design & Entwicklung 

##  [Accessible Forms: Labels, Error Messages and Logins Without Hurdles](https://barrierefreihochzwei.de/en/blog/accessible-forms-labels-errors-logins) 

Forms decide whether people check out, sign up or give up. Here’s how to build fields with clear labels, helpful error messages and a login that doesn’t lock anyone out.

   [ ](https://barrierefreihochzwei.de/en/blog/keyboard-focus-without-mouse) 25. September 2026 ·Design & Entwicklung 

##  [Keyboard and Focus: Making Your Website Work Without a Mouse](https://barrierefreihochzwei.de/en/blog/keyboard-focus-without-mouse) 

Not everyone uses a mouse. Learn how to make navigation, dialogs and custom components keyboard accessible, design a visible focus and use ARIA only where it actually helps.

   [ ](https://barrierefreihochzwei.de/en/blog/color-contrast-readable-design) 19. September 2026 ·Design & Entwicklung 

##  [Color and Contrast: Designing Interfaces Everyone Can Read](https://barrierefreihochzwei.de/en/blog/color-contrast-readable-design) 

Low contrast is the most commonly detected accessibility error on the web. Learn how to check text, buttons and charts, build a robust color palette and get dark mode right from the start.