All Collections
Accessibility Help
Tips, references, and tutorials for making websites accessible
44 articles
What is Web Accessibility?
WCAG - a short explanation
WCAG 2.2 UpdateLearn about the 9 new criteria released Oct. 2023
Why positive tabindex can be problematic
Embedded content - am I responsible for the accessibility issues reported?
How to Check your Website for Accessibility
Using Headings in webpage content
Ensure Proper Color ContrastMaintaining a high color contrast ratio is an important step to making a website accessible
Fix Color Contrast Errors
Providing Titles for iframes and frames
What is Discernable (Readable) Link Text?And why does it matter?
Correcting Links Without Readable TextSuggestions for correcting 'No readable (discernible) link text ' flags.
Accessible Tables
Focus - Best Practices
Using Hidden Content in an Accessible WayKnow how and when to use hidden content to make sure accessibility remains a priority
Learn about Semantically Correct ListsInformation on semantics, types of lists, and why it matters.
Fixing List IssuesHelp with correcting <ul>,<ol>,<li>, and <dl> issues.
What is Readable (Discernable) Button Text?
Interactive Controls must not be Nested
Form elements require Labels
Learn about Form Element LabelsWhat form labels are and why they are essential.
Creating Form LabelsOptions for adding form labels
Grouping checkboxesGrouping checkboxes allows visitors who utilize screen readers to know the options are all part of one form field
Ensure proper tab order within Forms
The <select> HTML Element and LabelsLearn about <select> and ways to correctly add labels.
Every HTML page must have a valid HTML lang attributeOpening <html> element needs to relay the primary language of content.
Skip to main content
Tracking Pixel Code - Accessibility IssueTracking pixels like Facebook's and Google's should be implemented with care.
404 Pages: Using Correct Link TypesUsing correct link types on your 404 page will ensure your site is accessible and SEO-friendly!
Allow Zooming and Scaling on WebpagesZooming and scaling must not be disabled in the viewport meta tag.
Ensure focus is visibleMake sure focus is visible for your keyboard users.
ID attribute value must be uniqueNo more than one element with the same id in an HTML document.
Using Aria Landmarks
Learn about ARIA Hidden and Focusable ElementsFoundational information on focus and aria-hidden.
Certain ARIA roles must contain particular children
Resolving ARIA roles - Parent and Children IssuesHiding Semantics with role=presentation
Elements must only use Supported ARIA Attributes
YouTube Embeds Causing Flag for "Elements must only use permitted ARIA attributes."An explanation of the flag on embedded YouTube videos; "Elements must only use permitted ARIA attributes".
ARIA Roles and Parent - Child RelationshipsCertain ARIA roles have special requirements.
Fix ARIA Parent-Child Issues