次の例では、この属性を使って、ユーザーがログインするまでウェブゲームのメインスクリーンを隠します：

  <h1>The Example Game</h1>
  <section id="login">
   <h2>Login</h2>
   <form>
    ...
    <!-- calls login() once the user's credentials have been checked -->
   </form>
   <script>
    function login() {
      // switch screens
      document.getElementById('login').hidden = true;
      document.getElementById('game').hidden = false;
    }
   </script>
  </section>
  <section id="game" hidden>
   ...
  </section>

例えば、hidden 属性がマークアップされたセクションに対して、href 属性を使ってリンクするのは正しくありません。もしそのコンテンツが利用可能または関連性がないのであれば、それにリンクする理由はありません。

同様に、hidden がある説明を参照するために、ARIA の aria-describedby 属性を使うのも正しくありません。セクションを隠すというのは、その時点では誰にも利用可能ではない、または、誰にも関係がない、ということを意味するのです。だから、それは、明らかに、ユーザーが利用できるコンテンツに関する適切なな説明になり得ないのです。