~robjloranger/homepage

b793237d422e5ccd5939ca0823493766ff4bcb5e — Rob Loranger 7 months ago c35c3a2 
hidden elements are invisible to screen readers
patch browse 
1 files changed, 13 insertions(+), 1 deletions(-)

M index.html

M index.html => index.html +13 -1
@@ 14,10 14,22 @@
  <meta property="profile:first_name" content="Rob">
  <meta property="profile:last_name" content="Loranger">
  <title>Rob Loranger</title>
  <style>
    .readers-only {
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      width: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
    }
  </style>
</head>
<body>
  <!-- hidden alternate version for screen readers and microdata -->
  <div hidden>
  <div class="readers-only">
    <h1>Homepage of Rob Loranger</h1>
    <h2>About Rob</h2>
    <span itemscope itemtype="http://schema.org/Person">