A semantic component is a reusable UI element that conveys meaning beyond its visual appearance. It helps users and machines…