Public
- Public
- Network
- Groups
- Featured
- Popular
- People

A mockup of what would become the WAI website, here a "How-to Manual Page Type" with the dark blue header, well-balanced typography, and four columns with the Initiate/Plan/Implement/Sustain sections from the existing "Planning and Managing Web Accessibility" guide. In contrast to the current page, the icons were playful and colorful with red, yellow, teal, and blue accents. A rocket with steam coming out of it, a map with a dashed line between two markers, cogwheels, and a little plant. The footer in grey and dark grey is very similar to the end result.

Download link

A mockup of what would become the WAI website, here a "How-to Manual Page Type" with the dark blue header, well-balanced typography, and four columns with the Initiate/Plan/Implement/Sustain sections from the existing "Planning and Managing Web Accessibility" guide. In contrast to the current page, the icons were playful and colorful with red, yellow, teal, and blue accents. A rocket with steam coming out of it, a map with a dashed line between two markers, cogwheels, and a little plant. The footer in grey and dark grey is very similar to the end result.
https://cdn.masto.host/yatilsocial/media_attachments/files/116/029/552/460/123/810/original/76f096c1dae92933.png

Notices where this attachment appears

Embed this notice
Eric Eggert (yatil@yatil.social)'s status on Saturday, 07-Feb-2026 22:42:50 JST Eric Eggert

I re-found the first designs of what would eventually become the W3C/WAI website design. I adored the colorful icons and the simplified header. And also the fact that individual pages were allowed to breath the full width. Most of it was thrown out for logistical reasons, but a lot of the initial design is still there, too.

In conversation about 5 months ago from yatil.social permalink