Topic

ARIA

4 resources tagged with ARIA.

Snippet

Accessible Toast Notification Component with HTML, CSS, and JavaScript

Build a lightweight, reusable, screen-reader-friendly toast notification component with plain HTML, CSS, and JavaScript. Includes auto-dismiss, manual close, toast types, and practical customization options.

#toast#notification#accessibility#ARIA#JavaScript#HTML#CSS

6/26/2026

Open resource

Challenge

Build an Accessible Accordion with HTML, CSS, and JavaScript

Practice building a keyboard-friendly, ARIA-supported accordion component using semantic HTML, responsive CSS, and vanilla JavaScript.

#HTML#CSS#JavaScript#Accessibility#ARIA#Web Components#DOM Manipulation

6/26/2026

Open resource

Challenge

Build an Accessible Tabs Component with HTML, CSS & Vanilla JavaScript Tutorial and Coding Challenge

Learn how to build an accessible tabs component using semantic HTML, CSS, and vanilla JavaScript. Practice keyboard navigation, ARIA attributes, and dynamic tab switching with a beginner-friendly coding challenge and complete solution.

#HTML#CSS#JavaScript#Accessibility#Tabs#ARIA

6/9/2026

Open resource

Snippet

Accessible Modal Dialog with HTML, CSS, and Vanilla JavaScript

Build a reusable, accessible modal dialog with semantic HTML, modern CSS, and vanilla JavaScript, including ARIA attributes, focus trapping, Escape key support, and restored focus.

#accessibility#modal#HTML#CSS#JavaScript#ARIA#focus management

6/6/2026

Open resource

Need a missing topic?

If a related tutorial is missing, send a topic request through the contact page.

Request this topic