Nonprofit Disability Inclusion Website Template
Open Access Collective
Open Access is a collective run by disabled people, so the website has to pass the test its own members would set. Everything here was decided by asking what a screen-reader user, a Deaf member on a phone and a person on their third migraine day this week would each need first.
Starting at $500
Start with this design and I’ll personalize it with your branding, photos and words. Keep your current domain or get a new one.
Changes you make in the editor stay in your own browser, so try anything.
- Built for
- Disabled residents of Madison and Dane County, and the churches, shops and venues that want to include them.
- Navigation
- Classic top bar. Logo left, pages right, one action. Familiar to every visitor.
Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.
Why it looks this way.
- Typography
The whole site is set in the Atkinson Hyperlegible family, which the Braille Institute commissioned so that letters low-vision readers confuse (I, l, 1; O, 0; b, d) are drawn deliberately different. The original cut sets the headlines, the newer Next cut sets 19px body text, and the Mono cut sets times and booking details. Using one family on purpose keeps the page calm and predictable.
- Atkinson Hyperlegible headlines
- Atkinson Hyperlegible Next body text
- Atkinson Hyperlegible Mono labels
- Color
The blue and gold come from the Disability Pride Flag, deepened until the blue passes AAA against the page in both themes. The page is a faintly green off-white instead of pure white, which many people with light sensitivity and dyslexia find easier for long reading. The dark theme starts from the flag's charcoal and lightens the blue, so it is a separate palette and not an inversion.
- Page
#F4F5F0 - Cards
#FFFFFF - Text
#121916 - Brand
#155A7C - Accent
#E3B23C
- Page
- Layout
A classic top bar with six plainly named pages, in the same place on every page, because predictable navigation matters more to keyboard and screen-reader users than novelty. Each page answers one job: booking, borrowing, walk-throughs, meetups, who runs it. Borders are two pixels and focus rings are thick, so the layout survives 200% zoom and high-contrast mode.
Pages: Start, ASL & captions, Borrow gear, Walk-throughs, Meetups, Who we are
- Hero
The opener is a short manifesto of five concrete promises set right-aligned against a vertical rule. Each line names something you could check on the day, like a step-free door, captions or a quiet room, so the hero states what the collective does without a slogan. The last line, Disabled-led, is the one underlined, because it is the reason the rest gets done properly.
- Calls to action
The main button reads Book ASL or captions, because interpreter booking is the most time-sensitive thing people come here for: ten days' notice for most events. The secondary actions say exactly what happens next, like Borrow a ramp or Book a walk-through, so nobody has to guess where a button leads.
- Photography
Photos show disabled people doing ordinary things together: signing across a table, playing wheelchair basketball, talking in a group. We avoided inspiration-style imagery, close-ups of mobility aids without people, and any photo where a disabled person is only being helped.
- Accessibility
Body text is 19px with 1.6 line height and a 62-character measure. Every pairing meets WCAG AA and the main text pairings meet AAA. The template respects reduced-motion settings, gives every form field a visible label, and the plain-words summary on the home page follows the Easy Read habit of one idea per sentence.
Like where this is going?
Starting at $500
Start with this design
Your colors, logo, photos and words, on a layout that already works.
Start with This DesignStarting at $1,500
Build something custom
A new design shaped around your organization from the first sketch.
Start a Custom WebsiteBoth include keeping your current domain or getting a new one, plus simple editing tools for your team. Monthly hosting and care plans are listed on Services & Pricing.