ACCESSIBLE CODE: Create a Simple Tooltip Using ARIA & Vanilla JavaScript

Tooltip Message

Here’s a tutorial by Nicolas Hoffmann that can help you create an accessible simple tooltip system using ARIA and Vanilla JavaScript.

Based on ARIA Design pattern for Tooltips, there is no inline CSS/JavaScript injected, so your DOM stays clean.

Other features:

  • You can style it any way you want;
  • You can create namespaces for generated classes;
  • Every aspect of the script can be customized.

Read the tutorial and get the code for the accessible simple tooltip system.


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