Author: ltrayers
-
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
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…
-
Accessibile Alternatives for Audio and Video
Types of alternative media available to make audio and video content accessible.
-
Create Accessible Color Palettes
Text color and it’s background color must meet specific contrast requirements. Contrast Requirements depend on text size: Test individual colors Test Accessible Link Colors Test Multiple Colors Other Color Contrast Checkers
-
Accessible Text Sizes
WCAG 2.1 AA Text Size Requirements Chart. WCAG only defines a large text size. The industry best practice for regular text size is 12 point.
-
Color Pickers and Contrast Checkers
Resources to help you choose colors and make them accessible. Color Pickers Pallets Contrast Checkers Understanding Colorblindness