Forms & Media

This page demonstrates tables, forms, and embedding media with proper accessibility.

1. Tables

Tables are for tabular data (not for layout).

Sample Project Status
Project Status Year
Personal Website In Progress 2026
CSS Playground Active 2026
Teaching Notes Ongoing 2026

2. Forms

Forms collect user input. Always associate labels with inputs.

Preferred contact method:

3. Images

Always include meaningful alt text for accessibility.

A winding mountain road through green hills under a cloudy sky
Example landscape image with descriptive alt text.

Bicycle next to old building

4. Audio

Use the <audio> element. Provide multiple sources when possible.

5. Video

Use the <video> element. Include controls and a poster image when possible.