SVG interface example
Find appointment details
A calendar icon supports a visible text label. Select the disclosure below to open or close the sample details.
Fictional example. No appointment is booked. This page contains no patient information.
Example appointment
View example appointment details
- Date
- 12 October 2026 (example)
- Time
- 10:30 am, clinic local time (example)
- Location
- Example clinic, reception desk
Use Tab to focus the disclosure, then Enter or Space to toggle it. The icon repeats the label, so its HTML alt is empty. The details remain ordinary text.
Manually authored SVG and HTML, prepared with AI assistance for SVG AI. This nonclinical example has no booking connection and provides no medical advice.