Templates / requirementDiagram

Accessibility audit requirement

A keyboard-navigation requirement traced to the page that must satisfy it.

Open in studio

Preview

Mermaid 11 renderer

Rendering preview...

Mermaid source

requirementDiagram

requirementDiagram

requirement keyboardNav {
id: 2
text: All interactive elements must be reachable and operable via keyboard
risk: medium
verifymethod: test
}

element checkoutFlow {
type: page
}

checkoutFlow - satisfies -> keyboardNav

More templates

flowchartArchitecture

Microservices architecture

A service map with an API gateway, core services, and shared infrastructure. A solid starting point for README architecture sections.

sequenceDiagramProcess

User login sequence

A login flow with token issuance and a failure branch. Useful for documenting auth endpoints and session behavior.

stateDiagram-v2Process

Order state machine

Lifecycle states for an e-commerce order, from creation to fulfillment, with cancellation and refund paths.