Picture of a computer with the text for Teaching the Web

Coding for Accessibility Presentation

Coding for Accessibility was presented at the HTML5 Meetup in January of 2019.

I started with a Bootstrap template for a medical website. As I customized the template, I had to work through various errors. The template passed automated web accessibility tests because it did have headings as a hierarchy, but the headings were not created logically. Each row of the website was simply the next heading: h1, h2, h3, h4, h5, h6. I changed this to a more logical order

  • h1 on each page-Medical Arts Family Clinic
    • h2 on each page is that page's topic-Home, Services, Physicians, Forms, Contact
    • h2 on home-About
    • h2 on home-Clinic Information
      • Two h3's under Clinic Information: Hours, Contact Us

Other concerns are explained in the video: doctype, language, color contrast