Jan 27: Semantic Elements

Class Canceled

Due to inclement weather, JMU is closed today. I have recorded videos to replace today’s class. Assignment due dates remain unchanged. See the announcement on Canvas for more details.

Learning Objectives

After today’s class, you should be able to:

• Explain how semantic elements improve a page’s accessability.
• Use a screen reader and keyboard shortcuts to navigate a website.
• Run accessability audits on a website using browser extensions.

Lesson Outline

Debrief [5 min]

• Lab 1 solution – see Canvas Files

Lecture [25 min]

• Accessibility – courtesy Dr. Kirkpatrick
  • Disability Impacts All of Us Infographic
  • How to Meet WCAG (Quick Reference)
  • Accessible Rich Internet Applications
• Chapter 3: Slides 39–43
  • HTML Semantic Elements

Activity [35 min]

• Instructions – courtesy Dr. Isaac Wang
• Screen Readers
  • Note: You don’t have submit anything.
  • Take notes for whole class discussion.

Tools [10 min]

• HTML Validator (Gueury)
• WAVE Browser Extensions
• Axe DevTools Extension

Before Thursday

1. Submit Prep 2 on Gradescope. ← Due Wed at 11:59pm