Page Editor

Overview

Role: Student 3

Completed Pages:

Technical Details

Feedback Form

Used semantic HTML, input types with required validation, and custom star rating via CSS.

Sea Level Rise Page

Included internal linking, smooth scrolling, floating "Go to top" button, and multi-section layout.

Team Page

Utilized flexbox and responsive design with alt text, hover animations, and interactive thumbnails.

Challenges & Lessons

Ensuring compatibility across devices using media queries, and creating a consistent visual identity were challenging yet rewarding.

Accessibility

  • Keyboard navigable
  • Proper heading structure
  • Accessible form inputs with labels
  • High contrast ratios

Compliance

  • W3C validated (HTML + CSS)
  • Free and credited assets
  • Meets University accessibility guidelines

References