ProcurementFaq

Visible answers for procurement, legal and finance teams: contracting party, supplier verification, invoicing, agreements, ownership, languages, location, accessibility law and AI use.

Status: beta. Group: content. Markdown version: /design-system/components/procurement-faq.md

When to use

Shown on the engagement pages and Pricing (not the homepage, owner decision 2026-10-16). app/lib/procurementFaq.ts reads the same English items for FAQPage structured data.

When not to use

Do not publish a policy answer the owner has not confirmed.
Do not emit FAQ structured data for questions that are not rendered on the page.

Look-alikes

The contract names no look-alike with a deciding condition.

Props

ProcurementFaq props
Prop	Type	Default	Description	Required
`headingLevel`	`2 \| 3`	`2`	Heading level of the section title.	No
`id`	`string`	`procurement-faq`	Section id, for in-page links.	No
`className`	`string`	none	Additional class name on the section.	No

Variants

Allowed headingLevel values: 2, 3 (default 2).

Invalid combinations

The contract records no invalid combinations.

Keyboard

ProcurementFaq keyboard behaviour
Key	Behaviour
Tab	Reaches each question trigger.
Enter or Space	Toggles its answer.

Rules

Every item under When not to use is a MUST NOT. MUST and SHOULD follow RFC 2119.

ProcurementFaq rules
Level	Rule	How it is checked
MUST	ARIA: The section is labelled by its heading.	Not yet verified: no evidence record. WCAG 4.1.2.
MUST	ARIA: Answers stay in the DOM when collapsed (inert and hidden from assistive technology) so the visible content matches the FAQ structured data.	Not yet verified: no evidence record. WCAG 4.1.2.
MUST	Required stories produce no axe violations at the configured severity.	Automated by `npm run test:stories:matrix:ci`. WCAG 2.5.8.
MUST	The accessibility tree (role, name, state) matches the committed snapshot for every required story.	Automated by `npm run test:stories:matrix:ci`. WCAG 1.3.1, 4.1.2.
MUST	The component remains legible and operable under a real browser forced-colors: active pass.	Automated by `npm run test:stories:hc`.
MUST	Every documented keyboard interaction works as specified.	Not yet verified: no evidence record. WCAG 2.1.1, 2.1.2.
MUST	A human completed an end-to-end accessibility review of this component.	Manual review, last on 2026-10-30.

Install and import

In-repo only. ProcurementFaq is not exported from @digitaltableteur/react, so there is no public import path.