Interactive UI Widgets
Build accessible UI widgets in plain JavaScript: modal, tabs, carousel, autocomplete.
What you'll learn
- Build a modal dialog with focus management
- Build tabs with arrow-key navigation
- Build an autocomplete with a listbox
- Test widgets with a keyboard and a screen reader
About this course
You build four common widgets from scratch with keyboard support and ARIA where needed. A reviewer checks each widget against the ARIA Authoring Practices.
Course curriculum
4 modules and 12 lessons over 4–5 weeks. Plan for about 16 learning hours.
01ModalWeek 1 · 3 lessons
- The dialog element
- Focus trap
- Closing
02TabsWeek 2 · 3 lessons
- Markup and roles
- Arrow keys
- State
03AutocompleteWeek 3 · 3 lessons
- Input and listbox
- Filtering
- Keyboard selection
04CarouselWeeks 4–5 · 3 lessons
- Controls
- Pausing
- Review
Project
Widget set. A modal, tabs, autocomplete and carousel in plain JavaScript, reviewed for accessibility.
Who this course is for
Front-end developers who rely on plugins for common widgets.
Prerequisites
You know JavaScript and the DOM.
What's included
- 180-day course access
- Structured lessons
- Project files
- Code templates
- Checkpoints
- One instructor review
- Support during the program
- A digital completion certificate
Learning format
Guided project course, part of our guided project courses. Checkpoints and one instructor review.
Access and delivery
- Enrollment access is activated within 15 minutes after payment.
- Instructor review is normally completed within 2 business days per submitted checkpoint, and the final certificate is issued within 2 business days after completion.
Certificate
You receive a digital completion certificate. Instructor review is normally completed within 2 business days per submitted checkpoint, and the final certificate is issued within 2 business days after completion.
Frequently asked questions
When does access start?
Enrollment access is activated within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for guided project programs.
