Skip to main content

Live Training: Accessible HTML Page Templates

Note: To register you will need a free, basic Zoom account. Link follows in the description. Friday, February 6, from 1pm to 2:30pm.
Register for the training 
illustration of a code editor showing page template

Overview

The page template training features a sample page using HTML, CSS, and Vanilla JavaScript coding best practices. This guide covers in detail accessible coding best practices including page structure and global HTML elements that need to be built into the page template.

Attendees will experience a live demo reviewing the most common page template usage examples and their HTML, CSS, and JavaScript code.

In this session you'll learn how to:

  • Doctype declaration
  • HTML tag and the "lang" attribute
  • Character encoding meta tag
  • Viewport meta tag
  • Title tag
  • Meta description
  • "Skip to main" link
  • Proper page structure using header, nav, main, and footer tags
  • The "header" tag
  • The "nav" tag
  • The "main" tag
  • The "aside" tag
  • Breadcrumbs
  • The "h1" heading
  • The "footer" tag
  • Understanding headings and lists
  • Multiple ways to locate pages
  • Consistent identification for components
  • Consistent help mechanisms and locations
  • Touch screen target size for interactive elements
  • Orientation on tablets and mobile devices
  • Template variables for page-specific content
  • Adding page-specific content
  • Testing your page template

You will need

Note: To register, you will need a free, basic Zoom account associated with your State, Municipality or School email address. If you do not already have one, sign up for a free Zoom account.

If you will need American Sign Language (ASL) interpretation, or live, human-typed captioning (CART), email eotss-access@mass.gov, and please allow two weeks for us to schedule needed personnel.

Help Us Improve Mass.gov  with your feedback

Please do not include personal or contact information.
Feedback