Studio — Design & BuildPublic-Sector Web & Applications

508 / WCAG 2.1 AASDVOSB

Design that passes the audit.

The design-and-build practice of HB Strategic Partners. We make government websites and applications clearer, sharper, and usable by everyone they serve — accessible to Section 508 / WCAG 2.1 AA by default.

SBA-Certified SDVOSB Web & App Development SAM / UEI Registered
02 / Capabilities

What we do

Four disciplines,
one standard.

Every deliverable ships compliant. Accessibility isn't a final-step checkbox — it's how we design and build, from the first artboard to the deployed code.

01Build · USWDS · Drupal

Web & Application Development

We design and build government-ready websites and applications — front-end implementation, custom software, and CMS development (Drupal, plus headless stacks), all standards-compliant, not just polished.

Front-end buildApp & custom softwareDrupal / CMSAPI integration
02Research · Forms · Flows

UI / UX

Research-informed flows, forms, and interfaces that reduce friction for every user — including those navigating by keyboard or screen reader.

Journey mappingForm usabilityScreen-reader tested
03Audit · Remediate · Document

Section 508 Remediation

Audit and remediation of existing sites, applications, documents, and PDFs into WCAG 2.1 AA / Section 508 conformance — with the documentation to prove it.

VPAT / ACRManual + AT testingConformance report
04Brand · Print · Signage

Brand & Visual Systems

Brand systems, logos, print, signage, and report design — built with accessible color, contrast, and typography that hold up across every medium.

Contrast-checked palettesType scales508 PDFs
04 / The difference

Redesign vs. live page

Drag to see what
changes.

The same VA service page, live and redesigned. Long-form explanation gives way to the three things a Veteran needs before starting — what this is, whether it applies to them, and what to do next.

Before: the live “Apply for VA health care” page. A breadcrumb and headline sit above a paragraph of explanation and an information box about checking an existing application; the rest of the page, including the numbered “What to know before you fill out this form” list, continues below the fold. Before · Live VA.gov
After: the redesigned “Apply for VA health care” page. Summary cards state time to complete, cost, and how long progress is saved, beside an “About this form” explanation and a “Ready to apply?” panel offering sign in and start or start without signing in. After · Redesign
⟨ ⟩ Drag the handle or use arrow keys Fig. 04 — VA health care application entry · redesign vs. live page
If it doesn't pass the audit, it isn't finished.

— The studio standard, applied to every deliverable

The difference

Accessibility is the work,
not an add-on.

Built to support Section 508 requirements for federal agencies and ADA Title II accessibility expectations for state and local governments—verified with assistive technology and documented for your records.

  • ContrastVerified to 4.5:1 for text and 3:1 for UI on every screen.
  • KeyboardFull operability with a visible focus state throughout.
  • SemanticsMeaningful structure and alt text, tested with screen readers.
  • StandardsBuilt with the U.S. Web Design System where appropriate.
  • ProofConformance documented and handed off — proof, not promises.
05 / Proof

Verify it yourself

Don't take our
word for it.

Every claim on this page is measurable, so measure it. Audit mode reads this page as it is actually rendered — computed contrast ratios, the real heading outline, the alt text on every image, the landmark regions, and the true keyboard tab order. Nothing is hard-coded; the numbers are whatever the page genuinely produces.

Esc to exit · works on every page
  • ContrastEvery run of text measured against what sits behind it, flagged against the 4.5:1 and 3:1 floors.
  • HeadingsThe document outline in order, so a skipped level has nowhere to hide.
  • Alt textThe actual alternative text on each image — including the ones deliberately left empty.
  • LandmarksThe regions a screen-reader user navigates by, drawn where they really begin and end.
  • Tab orderFocusable elements numbered in the sequence a keyboard will visit them.

Start a project

Let's make it clear, usable,
and compliant.

Tell us about the page, system, or document that needs work — or grab our capability statement for your records and teaming files.