website-building-accessibility-seo
ITIAN Website Building Short Course
Technology Simplified — Solutions That Work
Accessibility, Quality and Basic SEO
Audit your webpage for accessibility, content quality and basic search visibility before it reaches the public.
By the end of this lesson, you can…
- Check landmarks, headings, keyboard access and visible focus.
- Write useful alternative text and descriptive links.
- Improve the page title, description and on-page wording.
- Complete a mobile, spelling and link-quality review.
Before you begin
What you need
- The responsive page completed in Lesson 4.
- A keyboard for Tab and Shift+Tab testing.
- A short description of the audience and page purpose.
Starter check
Open the page in a private browser window and view it as if you were a first-time visitor. Write down the main action you think the page is asking you to take.
Understand and demonstrate the skill
A quality page should be understandable, operable and useful before it is optimised for search. Clear structure and meaningful content help people first and can also help search systems interpret the page.
Key terms
Accessible name
The text assistive technology uses to identify a control or link.
Focus order
The sequence interactive elements receive keyboard focus.
Page title
The concise title shown in the browser tab and often used in search results.
Meta description
A short page summary that search systems may use when presenting a result.
Follow the demonstration
- Review structure. Confirm one main topic, logical headings and meaningful landmarks.
- Review images and links. Match alternative text to each image purpose and replace vague link wording.
- Run a keyboard check. Use Tab, Shift+Tab and Enter without relying on the mouse.
- Improve search basics. Write a specific title and concise description, then use the audience's natural words in the content.
- Complete quality checks. Check spelling, phone layout, forms, links and loading behaviour.
Worked example
<title>Kāpiti Coast Family Photographer | Example Studio</title>
<meta name="description"
content="Relaxed family portraits on the Kāpiti Coast. View recent work and enquire about available sessions.">
<a href="/portrait-pricing">View portrait pricing</a>
<!-- Better than: <a href="/portrait-pricing">Click here</a> -->Complete the guided activity
Complete a structured audit, fix the highest-impact problems and record anything that requires later testing or specialist help.
- Prepare. The heading order and page landmarks are logical.
- Build. Every interactive control works with the keyboard and shows focus.
- Check. The title, description and link text explain their purpose.
- Record. Spelling, links, zoom and mobile layout have been checked.
Activity checklist
Check your understanding
Answer all three questions, then review any topic that needs another look.
Review, reflect and continue
Success criteria
- The page can be navigated using the keyboard.
- Headings, links and images communicate their purpose.
- Search and quality basics accurately represent the page.
Reflection prompt
Which audit change most improved the visitor experience, and what still needs testing before publication?