Accessibility

The standard we build to

This site is built to meet WCAG 2.2 Level AA. That is a working floor rather than a badge: it has not been independently audited, and saying so is more useful to you than a compliance claim you cannot verify.

The charts, which is where the real work is

A site built around charts has an accessibility obligation that an ordinary site does not, and it is worth setting out exactly how it is met.

Every schedule on this site is a real HTML table. The phase is a row header, the duration is in its own cell as text, and the bar is drawn inside the third cell. A screen reader reads a grid of phases and durations. Nobody has to interpret a picture, and nothing is conveyed only by the length of a bar.

The critical path is never encoded in colour. It is marked with a visible outline on the bar, with the letters CP in the row label, and with a sentence in the caption underneath. Remove every colour from this site and every critical path is still identifiable.

A phase that does not apply to a project — entitlement on a structural retrofit — keeps its row and reads “not required” rather than being drawn as a tiny bar. A one-pixel bar would say “very short”, which is a different and untrue thing from “none”.

Colour and contrast

The five phase colours were validated as a categorical palette rather than chosen by eye. They were checked for lightness spread, chroma, separation under the common forms of colour blindness, separation for normal vision, and contrast against the chart surface.

One pair — closeout and construction — separates by less than the comfortable threshold under deuteranopia. That is permitted only with a secondary encoding, so the mitigation is structural: every bar carries a direct text label naming its phase, the two colours never sit adjacent in the fixed order, and there are gaps between bars. You never have to tell two colours apart to read a chart on this site.

Text contrast was measured, not eyeballed. Body text measures 13.99:1 on the page and 12.19:1 on the tinted band. Muted secondary text measures 6.29:1 and 5.47:1. Phase names set as text use darker variants of their bar colour, chosen so each clears 4.5:1 on both grounds.

No text is ever placed inside a bar, anywhere on this site. White on the entitlement colour measures 4.20:1 and would fail at body size, and rather than carry one exception, every label sits outside its bar.

Keyboard

Everything interactive is reachable and operable from a keyboard in a sensible order. Focus is always visible: a two-pixel outline, offset, in one fixed colour that never changes meaning.

A skip link to the main content is the first thing in the tab order on every page. The navigation on small screens opens from a real button with aria-expanded, and Escape closes it and returns focus to the button. Charts and tables that scroll sideways become focusable regions so they can be scrolled with arrow keys, and only when they actually overflow.

Screen readers and structure

Every page has one h1 and a heading order that does not skip levels. Landmarks are real: a banner, a primary navigation with a label, a main region, and a footer navigation with its own label.

Every table has a caption, a header row and row headers. Units of measure are in their own column rather than jammed into the number, so a price reads as “six hundred and fifty to one thousand and fifty dollars, square foot” rather than as a run of symbols.

Decorative elements — the vertical time grid behind the light sections, the rules in the span callouts — are drawn with CSS and hidden from assistive technology.

Motion

There is one authored animation on this site: the schedule bars draw in from their left edge, once, staggered by phase, over about half a second. It happens once per chart and never repeats.

If your system asks for reduced motion, it is switched off entirely and the bars are simply there. Nothing loops, nothing auto-plays, nothing flashes at a rate that could trigger a seizure.

Without JavaScript

The whole site works. Every page renders, every schedule is a complete table with its durations in their own column, the questions open because they are native disclosure elements, the telephone number is a real link, the contact form submits and validates on the server, and the footer carries the complete navigation. JavaScript adds the mobile menu and the bar animation. Nothing depends on it.

Text, zoom and print

Everything is real text; there are no images of text anywhere, including in the charts. Type is sized in relative units, so it follows your browser setting, and the layout holds at 200% zoom and at 400% in a single column without horizontal scrolling.

The schedule and price pages are built to print. Somebody deciding whether to start a project this large will want it on paper, in front of a partner or a lender, and a chart that only works on a screen is useless at exactly the moment it matters. In print the bars keep their proportions and gain an outline, so they survive a printer that drops colour.

What we have not done

We have not had an independent audit. We have not tested with every combination of screen reader and browser. There is no accessibility overlay or widget on this site, deliberately — those tend to interfere with the assistive technology you have already configured.

Telling us something is broken

Telephone (415) 543-2100, Mon–Fri 8:00 AM–5:00 PM PT. Or email [email protected]. Tell us the page and what happened, and what you were using if you know. We will fix it, and if a fix will take time we will tell you how to get the information another way meanwhile.

If something on this site is stopping you working out whether your project is feasible, telephone and work it out with us directly. The website is a convenience; the project does not depend on it.