Skip to content

This project showcases a semantic HTML5 structure designed with accessibility and SEO in mind. It serves as a clean, standards-compliant template for inclusive and discoverable web content.

Notifications You must be signed in to change notification settings

Augusto047/html5-accessibility-seo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 

Repository files navigation

HTML5 + Accessibility & SEO Basics Assignment

This is a simple HTML5 webpage created as part of the assignment "HTML5 + Accessibility & SEO Basics".

🌐 Live Demo

πŸ”— Click here to view the live page

βœ… Objectives

  • Use semantic HTML5 elements for meaningful structure.
  • Apply accessibility best practices using ARIA labels and logical navigation.
  • Implement basic SEO principles like heading hierarchy, metadata, and readable content.

πŸ“‚ Features

  • Semantic structure with <header>, <nav>, <main>, <section>, <article>, and <footer>.
  • Logical heading order (<h1> to <h3>) for clarity and SEO.
  • Accessibility enhancements:
    • ARIA attributes (aria-label).
    • Proper link labeling.
  • SEO metadata in the <head>:
    • title, meta description, and author.

πŸ“ File

  • index.html: Main and only HTML file for the assignment.

πŸ“Œ Notes

  • No CSS or JavaScript used β€” this project focuses solely on HTML structure.
  • Designed for both human users and screen readers.
  • 100% compliant with assignment guidelines.

πŸ‘¨β€πŸ’» Author

Augusto Mate (GitHub: @augusto047)


Feel free to fork or use this structure as a base for your own HTML projects!

About

This project showcases a semantic HTML5 structure designed with accessibility and SEO in mind. It serves as a clean, standards-compliant template for inclusive and discoverable web content.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages