Q1. What are the four WCAG principles and the conformance levels?
WCAG is organised around four principles known as POUR. Perceivable means information must be available to the senses, for example text alternatives for images, captions ...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (19 available).
Active:
Tag: accessibility ×
Q2. What is the difference between aria-label and aria-labelledby?
Both give an element an accessible name, but they work differently. aria-label sets the name directly to a string, for example a button with aria-label="Close dialog". ar...
Q3. How do you make an interface fully keyboard accessible?
Every interactive element must be reachable and operable with the keyboard alone. Native elements such as button, a[href], input, select and textarea are focusable and ha...
Q4. What are semantic HTML elements and why do they matter?
Semantic elements describe their meaning rather than only their appearance: header, nav, main, article, section, aside, footer, figure, time, button. Benefits: - Accessib...
Q5. Why is semantic HTML preferred over divs with ARIA?
Semantic HTML uses elements that describe meaning: header, nav, main, section, article, aside, footer, button, label, table and ul. Assistive technologies and browsers de...
Q6. How does colour contrast work and what ratios are required?
WCAG contrast is measured as a ratio between the relative luminance of text and its background, ranging from 1:1 to 21:1. At level AA, normal text needs at least 4.5:1 an...
Q7. How do ARIA live regions announce dynamic content?
Live regions announce content that changes without a page reload, such as form errors, toast messages, search result counts or a chat log. The aria-live attribute has val...
Q8. How do you make a site accessible and responsive?
Accessibility essentials: - Use semantic elements and a logical heading order. - Provide alt text for meaningful images and empty alt for decorative ones. - Ensure colour...
Q9. How do you build a custom widget that follows an ARIA authoring pattern?
When no native element supports the interaction, you implement an ARIA design pattern and must replicate all the expected behaviour. A custom combobox, for example, needs...
Q10. How do you test and audit accessibility properly?
Automated tools catch roughly a third of issues, so a complete audit combines them with manual and assistive-technology testing. Static checks include axe DevTools, Light...