E-Commerce Accessibility - Specifying UI Elements Using “Roles”
“Roles” mark the purpose of a page element (and how to interact with it) All interactive UI components need to have a programmatically discernable “Role” that defines the component’s type and function for software — which includes assistive technologies. Not all page components are available using native markup, which means that some page elements will need to be custom built. In this article, we’ll discuss such custom-built elements, and provide examples of how to assign the ARIA role attribute.