Semantic workshop schedule

Loading problem workspace…

Semantic workshop schedule · UIHero

Semantic workshop schedule

Mark up an event schedule with meaningful landmarks and time elements.

EasySemantic HTML

20 min84.1% acceptance

Description

Build the workshop schedule using semantic HTML that remains understandable without visual styling. Each session needs a heading, a machine-readable time range, and a description, while the page must expose a clear main heading and navigation path.

Requirements

The document contains one main landmark with one h1 named Community workshops.
The workshop schedule is a section programmatically labelled by its Schedule heading.
Every workshop session is represented by a separate article element inside the schedule.
Each session article has an accessible heading that names the workshop.
Each displayed start and end time uses a time element with a valid datetime attribute.
Session headings follow the page and schedule headings without skipping a heading level.

Session time

Input

A workshop runs from 09:30 to 10:15

Expected output

Two time elements expose datetime values of 09:30 and 10:15

Constraints

Use one h1 and preserve a logical heading hierarchy
Represent every session with an article element
Use time elements with valid datetime attributes

Hints

Hint 1

Map the page, schedule, and individual sessions to elements that communicate those roles without styling.

Hint 2

Give the schedule a heading that can serve as its programmatic label, then keep session headings one level below it.

Hint 3

Pair every displayed start and end time with a machine-readable value in the appropriate semantic element.

landmarkstimeheadings

Loading problem workspace…