Accessibility

6 resources tagged with Accessibility.

Snippet

Responsive Breadcrumb Navigation with HTML, CSS & JavaScript

Learn how to build a responsive, accessible breadcrumb navigation component that updates a preview card with Unsplash images when users click a breadcrumb link. Includes semantic HTML, Flexbox layout, mobile behavior, JavaScript state handling, and customization tips.

#HTML#CSS#JavaScript#Responsive Design#Breadcrumbs#Accessibility

6/27/2026

Open resource

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.

#HTML#CSS#JavaScript#Accessibility#Toast#UI Component#ARIA

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#Accordion#DOM Manipulation

6/26/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.

#modal#accessibility#ARIA#HTML#CSS#JavaScript#vanilla-js#focus-trap#keyboard-navigation#frontend

6/6/2026

Open resource

Snippet

Responsive Navbar with HTML, CSS, and JavaScript: Accessible Mobile Menu

Build an accessible, mobile-friendly responsive navbar with semantic HTML, CSS Flexbox, media queries, and vanilla JavaScript for a working hamburger menu.