Focus – Hidden Elements

Hidden elements are the elements that are not visually available on the page. If the elements are not programmatically hidden – it might cause users to have to go through extra tab stops if it’s an interactive element while navigating using keyboard. Additionally, screen reader users may consider the element to be a part of the page by default.


  • New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
  • Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS and JavaScript (when needed), along with a working demo.