WEB DEV ACCESSIBILITY TIP: Add Title Attributes to iframe Tags

Illustration of iframe

Using an iframe to hold content on a web page? Be aware that iframe elements must have title attributes in order to meet accessibility guidelines (WCAG 2 2.4.1 Level A and Section 508 1194.22 (i)).

Without a title attribute, some screen readers read out the iframe filename, which usually does not provide a meaningful description, and is meaningless to the individual who is listening to the content.

FAIL: <iframe src=”acme.html”></iframe>

SOLUTION: Add a title that describes the kind of content the user will discover.

PASS: <iframe title=”Go to the Acme Company FAQ Page” src=”acme.html”></iframe>

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===