File: 2026.10.27 - Lumenwire Audio - 04 Standards and Validation.md
Lumenwire Audio: Stage 4 Standards and Validation
Jennifer, 27-Oct-26. Dashboard: 02 - Deliverables/2026.10.27 - Lumenwire Audio - 04 Dashboard.html. Built from Viktor's Experimental A (dot swarm), which Adam chose. His five Stage 3 versions are untouched. Business Requirements v1.2, Calculation Pack v1.1, Sample data. Not published.
Story, KPIs, charts and numbers are unchanged. Stage 3 whitespace feedback (front page spacing, Why page spacing, fewer boxes) is kept as built.
1. Palette
Monochrome blue, as Viktor built it (dark by default, light on the toggle). No chart has 3 or more categories, so Charcoal and teal is not needed. Status colours (green, amber, red) stay semantic and always carry a word and an icon.
↑ Back to top2. What I fixed (clear-cut)
| # | What | Standard |
|---|---|---|
| 1 | Page title, eyebrow and footer no longer say "Experimental A" or "Built by Viktor". Title is now "Lumenwire Audio: board view". Footer reads Business Requirements v1.2, KPI Calculation Pack v1.1, Sample data | Web Build 1 (short title); Stage 4 brief |
| 2 | Design-win curve: invisible tap circles grew from 28px to 44px, so the 7 points are easy to tap | UX 2 (44px touch targets) |
| 3 | Bullet bars on the Back page: tap area 24px to 44px on touch screens and phones (mouse stays compact) | UX 2 |
| 4 | One visible keyboard focus ring on every Tab stop, including chart points, dots and bars | Web Build 2 (keyboard) |
| 5 | Each of the five tiles on the front page now says who owns it (CEO, VP Sales, CFO), in the empty row that was already there. Tile heights unchanged | Validation checklist 3 |
| 6 | noindex added, and a plain "needs JavaScript" message if scripts are blocked | Web Build 4 and 6 |
3. Standards review results
Both reviews were run by hand against the two standards files, then checked in the Browser pane.
| Check | Result |
|---|---|
| Re-run after Adam's decisions, both colour modes, all 6 pages: 0 sideways scroll, 0 controls under 44px on phones (bottom bar included), 0 console errors | Pass |
| Sideways scrolling at 320, 375, 568x320, 740x360, 768, 1100 and 1600 wide, all 6 pages, Back page sections open | 0 pages scroll sideways |
| Controls under 44px at 375 wide, all 6 pages | 0 (was 9 before fixes 2 and 3) |
| Console errors, loading and switching all pages and both colour modes | 0 |
| Browser zoom 200% (a 640px-wide window) | No sideways scroll |
| Contrast in dark mode (text, icons, lines, chart colours) | All 4.5:1 or better for text; chart colours 5.7:1 or better |
| Contrast in light mode, text | All 4.8:1 or better; chart colours 3.98:1 or better after decision 3 |
| Semantic HTML: one h1, h2 per page, header, nav, main, footer, details/summary, lang en-AU, viewport | Pass |
Reduced motion, colour tokens on :root, no alert(), storage in try/catch, fonts limited to the 4 weights used | Pass |
| Meaning carried by colour alone | Pass: status chips have a word and icon; bars are labelled and have a legend |
| Side summaries over the 30-word bullet limit | Not changed: Adam rated the summaries "good" |
Screenshots: taken in the Browser pane at desktop (1100 wide) and phone (375 wide) and reviewed on screen. The pane tool does not save image files, so none are written to disk.
↑ Back to top4. Validation checklist
| # | Check | Result |
|---|---|---|
| 1 | Every Must Have KPI is on the dashboard, calculated as documented | Pass. All five Top 5 KPIs are on the front page and the five sub-KPIs are on the Back page (10 in Definitions). Every number is generated from the Calculation Pack results, and Viktor's build script checks each figure quoted in the text against them |
| 2 | Every business objective shows actual, target, gap and pace needed | Pass. Revenue back to A$115m (tiles for total revenue and forecast accuracy), growing underneath the fall (new devices activated), software growing (software growth), design wins to shipping (design wins that ship): each tile shows target, gap, needs and trend |
| 3 | Every action owner can see their KPI's status at a glance | Pass after fix 5. CEO: total revenue and software growth. VP Sales: new devices activated and design wins that ship. CFO: forecast accuracy |
| 4 | The 30-second test | Pass. The headline and five tiles show where the business is (A$80.5m), the target (A$115m by 30-Jun-28) and the gap and monthly pace needed, without scrolling on desktop |
| 5 | Footer version matches the latest Business Requirements | Pass. Business Requirements v1.2 in the header and footer; v1.2 is the latest in the change log |
Validation: 5 of 5. Standards: 6 clear-cut fixes and Adam's 4 decisions applied (one a known exception).
↑ Back to top5. Adam's decisions (applied)
| # | Before | After | Status |
|---|---|---|---|
| 1 | Page changes by Previous and Next at the top only | Quiet bottom bar of six page names on phones (Front, Changed, Why, To do, Demand, Back), each 48px tall, with Previous and Next kept at the top. Page content has matching bottom padding (footer clears the bar by 64px). Held sideways, the bar becomes a left rail | Done |
| 2 | Always opened dark | Opens in the device's light or dark setting, follows it if it changes, and the Dark / Light switch overrides it and is remembered | Done |
| 3 | Light-mode pale blue #93bdf2 (hue 211, 1.8:1 on the light page) for Added revenue, Sales forecast and Software | Teal #0f8a7e from the saved Charcoal and teal palette (its light-mode accent), same value in both modes. Hue 174 against the main blue's 213 (dark) and 216 (light). Contrast: light page 3.98:1, white card 4.24:1, dark page 4.44:1, dark card 4.05:1, all above the 3:1 needed. It also colours the Software line on the hardware and software view, which is the second series there | Done. Saved palette colour, so no new colour proposed |
| 4 | Clicking a chart replays its animation; mouse and touch only | No change | Known exception, approved by Adam: replay is decoration, and all data stays in tooltips and the See data tables |
Also noted: the design-wins-per-quarter tap circles stay at 28px, because 44px circles would overlap at phone width. Those points have no keyboard stop, and every value is in the See data table.
↑ Back to top6. Content fix sent from Viktor (applied)
Viktor confirmed the list of six is right and the count was wrong, because the telemetry question was answered at v1.2.
| # | Before | After |
|---|---|---|
| 1 | Finding: "Three owners, three targets, and seven decisions that unlock them." | "Three owners, three targets, and six decisions that unlock them." |
| 2 | Story: "Seven open questions decide how the targets are read." | "Six open questions decide how the targets are read." |