title: WCAG - Screen Reader NVDA reading placeholder information
body: <p>I came across a problem working with a screen reader (NVDA) reading placeholder information when it was not supposed to.</p>
  <p>I have input with a title and placeholder. The screen reads placeholder first and then reads the title:</p>
  <pre><code>&lt;div&gt;
    &lt;input type='text' placeholder='DD.MM.RRRR' title='Insert date correctely in the format DD.MM.RRRR' /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Based on the information provided by the web, the NVDA shouldn't read placeholder at first place, it should only be available for visual purposes. I've already tried some workarounds using <em>aria-describedby</em> and <em>aria-placeholder</em>.</p>
  <p><strong>The basic question is how to make placeholder invisible for screen readers?</strong></p>
  <p><a href="https://jsfiddle.net/6u0eqd1a/10/" rel="nofollow noreferrer">JSFiddle</a></p>