fix: use <ol> for runtime pipeline steps in product mechanics

The PipelineStep component renders <li> elements, but the RuntimeDiagram
wrapper was a plain <div> instead of a list element. This produced invalid
HTML and accessibility warnings. IngestionDiagram already used <ol>.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Luca Martial 2026-05-15 05:40:05 -07:00
parent 8b61e56dfd
commit 44c7524211

View file

@ -222,7 +222,7 @@ function RuntimeDiagram() {
<section className="bg-fd-muted/35 p-4">
<ColumnLabel>KTX planning and execution</ColumnLabel>
<div className="grid gap-2 sm:grid-cols-2">
<ol className="grid gap-2 sm:grid-cols-2">
{runtimeSteps.map((step, index) => (
<PipelineStep
key={step.title}
@ -231,7 +231,7 @@ function RuntimeDiagram() {
body={step.body}
/>
))}
</div>
</ol>
</section>
</div>