A Digital Accessibility Quick Reference Guide

Category: Uncategorized

  • Faux Headings

    Faux Headings

    A faux heading is text that looks like a heading in size, weight, or color but is not formatted with an HTML heading tag or a document heading style. Webpage Headings Do this: <h2>Impact on Accessibility</h2>Not this: <span style=”font-size:1.5rem;font-weight:bold;color:#0000FF”>Impact on Accessibility</span> Document Headings Do this: Use Styles to format headings. Not this: Font formatting applied…

  • Heading Hierarchies

    Heading Hierarchies

    Think of headings as an outline or table of contents for your webpage. If a user only reads the headings on your page, headings will describe your web page’s main topics and purpose. Heading 1 <h1> Sub-headings View Heading Hierarchy on a Webpage Use an accessibility tool like Accessibility Insights to identify headings and heading…