nextRound
TechnologiesCoding ProblemsBookmarksLearning Paths
nextRound
TechnologiesCoding ProblemsBookmarksLearning Paths
nextRound

AI-powered interview preparation platform. Practice with curated questions, mock interviews, and personalized learning paths to crack your dream tech interview.

Quick Links

  • Technologies
  • Saved Questions
  • Pricing

Company

  • About Us
  • Contact Us

Legal

  • Privacy Policy
  • Terms of Use

© 2026 nextRound. All rights reserved.

TOPIC OVERVIEW

HTML/WCAG

Making pages usable by everyone, following the Web Content Accessibility Guidelines.

13 QuestionsAdvancedHigh Priority ~14 min read

The Web Content Accessibility Guidelines (WCAG) are the international standard for accessible web content, organized around four principles known as POUR: Perceivable, Operable, Understandable and Robust. They define conformance levels A, AA and AAA, with AA being the common legal and practical target. In HTML terms this means text alternatives for images, sufficient color contrast, labelled form controls, captions for video, keyboard operability, visible focus indicators and a logical heading and landmark structure.

The best accessibility strategy is to start with semantic HTML, because native elements like button, a and input come with keyboard support and the right roles built in. ARIA attributes such as aria-label, aria-expanded and role should supplement semantics only when native elements can't do the job; the first rule of ARIA is not to use ARIA if a native element exists, since incorrect ARIA is worse than none. Interviewers also expect awareness of testing with screen readers, keyboard-only navigation and tools like axe or Lighthouse.

What you'll walk away knowing

The four POUR principles and the A, AA and AAA conformance levels
Core requirements: alt text, color contrast, labels, keyboard access and visible focus
Why native semantic elements are preferred over ARIA
How to test accessibility with screen readers, keyboard navigation and automated tools
1What does role="presentation" meanIntermediate2How do you make a modal accessible in HTML?Intermediate3What’s the difference between aria-label, aria-labelledby, and aria-describedby?Intermediate4What is tabindexIntermediate5Difference between aria-labelledby and aria-describedby?Intermediate6What is alt text and why is it importantBeginner7How do you make a modal fully accessibleIntermediate8What is a live region ?Intermediate9What is aria-label and when should you use itIntermediate10How would you make a form accessible to screen readersIntermediate11How do screen readers interpret HTMLIntermediate12Why is semantic HTML important for accessibilityIntermediate13When should you use <button> vs <a>?Intermediate
All Topics
1
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
2
Input and Forms
Block and Inline Elements
Box model
3
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
4
Performance
SEO
Progressive Enhancement
5
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
6
WCAG
Security
Best Practices
Sharethis topic

Share via WhatsApp, X, Facebook, LinkedIn or copy link. Open Graph preview enabled.