Technical Questions About WCAG and Accessibility
What is the difference between ARIA and semantic HTML?
Answer
Semantic HTML (headings, landmarks, lists, forms) conveys meaning directly through native HTML elements. ARIA (Accessible Rich Internet Applications) supplements missing semantics for interactive widgets like tabs, modals and dropdown menus. The first rule of ARIA: do not use ARIA if a native HTML element can do the job (Source: W3C WAI).