Accessibility basics
Foundations for clearer and more accessible static websites.
The problem
Many barriers come from missing structure, unclear links or images without descriptions.
Simple explanation
A static website usually consists of HTML, CSS, JavaScript and images. The index.html file is often the start page. If paths, images or stylesheets are missing, the preview may look incomplete even though individual content is still readable.
Step by step
- Check headings.
- Add alt text.
- Label forms.
- Test keyboard navigation.
Common mistakes
- Using color alone.
- Icon buttons without names.
- Multiple H1s without structure.
Checklist
- one H1
- clear H2/H3
- alt text
- visible focus states
FAQ
What is an index.html?
It is usually the start file of a static website and is opened first by browsers or web servers.
Why do images not load locally?
Often the image file is missing from the folder or the path in the HTML file points somewhere else.
When do you not need a backend?
For informational sites, landing pages, simple restaurant sites or static exports, a static website is often enough.