title: Prevent screen reader from reading aria-label
body: <p>I have an element with a landmark role (complementary) which requires an aria-label/aria-labelledBy.
  This element has several focusable child elements with text in them that needs to be read by a screen reader.</p>
  
  <p>Is there a way to prevent screen readers from reading the aria-label of the parent element, while not preventing the children from being read?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>for this code:</p>
  
  <pre><code>&lt;div id="parent-element" role="complementary" aria-label="some text" tabindex="0"&gt;
      &lt;div id="child-element1" tabindex="0"&gt;I'm the first child&lt;/div&gt;
      &lt;div id="child-element2" tabindex="0"&gt;I'm the second child&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Screen readers will read "some text I'm the first child I'm the second child" when focused to the parent-element. </p>
  
  <p>I'm using IBM's "Dynamic Assessment Plugin" for chrome to evaluate my site.</p>
  
  <p>This is the violation that I'm getting: <a href="https://i.stack.imgur.com/A9F5t.png" rel="nofollow noreferrer">comlementary role must have aria label</a></p>
  
  <p>More explanation about the violation - <a href="https://aat.mybluemix.net/token/ace67f8e-8cad-40b4-be4b-eb02197944bc/6c6a166a-542d-4e1a-8a10-40a4c69e1d1d/doc/w3/help/en-US/idhi_accessibility_check_g1174.html" rel="nofollow noreferrer">https://aat.mybluemix.net/token/ace67f8e-8cad-40b4-be4b-eb02197944bc/6c6a166a-542d-4e1a-8a10-40a4c69e1d1d/doc/w3/help/en-US/idhi_accessibility_check_g1174.html</a></p>
  
  <p>I don't want it to read the "some text", but I have to use aria-label if I want the site to pass the accessibility evaluation tool.</p>