Problem:Provide Focus, Enhance Navigation and Visibility

Interactive elements: Links, buttons Non-interactive Elements: Headings Its important to provide custom focus since different browsers provide diffferent type of default focus which are not always accessible friendly. headings should not be uppercased use * in css to create universal focus That works in every Browser tabindex: provides Focus without changing natural tab order, Based on the position of their DOM tabindex -1, Removes from the tab order tabindex=: more than 1, discouraged, Since it disturbes the natural flow of the dumb