# Accessibility Developer Guide

- **Website:** <https://accessibility-developer-guide.com>
- **Primary alias:** `accessibility-developer-guide.com`

## Description

The Accessibility Developer Guide is an initiative that aims to provide a comprehensive and practical resource for building barrier-free websites. Developed by the Swiss Foundation Access for all in collaboration with renowned web agencies like Dept, Unic, Liip, and Zeix, this platform offers easy and free access to a vast knowledge database on accessibility. Drawing on nearly two decades of hands-on experience and expertise in the field, this guide combines official guidelines such as the Web Content Accessibility Guidelines (WCAG) and Accessible Rich Internet Applications (ARIA) with real-life experiences from individuals with special needs. It addresses a wide range of topics including color contrast, semantics, interaction widgets, keyboard-only navigation, screen readers, and more. With practical examples tested by experts and supported by developers, the Accessibility Developer Guide is a valuable tool for web developers seeking guidance on making their websites accessible to all users. Join the Accessibility Alliance and be part of this exciting community dedicated to creating a web that is accessible for everyone.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/A11yDevGuide)
- [github](https://github.com/Access4all)
- [facebook](https://facebook.com/AccessibilityDeveloperGuide)

## Logos & icons

- logo _(primary)_ — PNG, SVG — [download](https://cdn.brandfetch.io/idYXaV0_5b/w/820/h/1093/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1781450259364)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idYXaV0_5b/w/240/h/240/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1781450259443)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Black | #000000 | dark |
| Tea Green | #dff4d4 | light |

## Fonts

- Eczar — asset _(google)_
- Work Sans — asset _(google)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idYXaV0_5b/w/1500/h/500/id8Zkt0q-s.jpeg?c=1bxid64Mup7aczewSAYMX&t=1781450259643)

---

_Source: <https://brandfetch.com/accessibility-developer-guide.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._