Mark up an accessible support transcript

Structure a support transcript with participant context, ordered speaker-labelled messages, machine-readable timestamps, and a download link.

EasySemantic HTML

30 min0% acceptance

Description

Structure a support transcript with participant context, ordered speaker-labelled messages, machine-readable timestamps, and a download link. Implement the learner-facing contract completely and satisfy every observable requirement without relying on hidden infrastructure.

Requirements

Contain one visibly labelled transcript section inside exactly one main landmark.
Identify the customer and support agent in a description list before the messages.
Represent the transcript as one ordered list with one list item per message.
Expose each speaker name and nonempty message body without encoding speaker only by alignment.
Give every message a time element with a valid datetime attribute.
Provide a challenge-control link with a download attribute and a descriptive transcript filename.

Read transcript

Input

Navigate from the heading into messages

Expected output

Participants and messages are read in chronological order

Explanation

Contain one visibly labelled transcript section inside exactly one main landmark.

Download

Input

Activate Download transcript

Expected output

A named downloadable text resource is exposed

Explanation

Identify the customer and support agent in a description list before the messages.

Constraints

Use native semantic HTML before adding ARIA
Keep every required label and state available as visible text
Do not use scripts, images of text, or layout tables

Hints

Hint 1

Start with the single-main-landmark behavior and make its observable result deterministic.

Hint 2

Model participant-summary independently before combining it with the remaining states.

Hint 3

Verify the boundary described by download-link without changing caller-owned input.

HTMLtranscriptmessage semantics