title: How to Avoid screen Reader reading out element name
body: <p>I am using the below markup ,</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li class="country-region-items double-col-region-width"&gt;&lt;button aria- 
   label="Europe" class="region-name cs-label fwrd-arrow"&gt;Europe&lt;/button&gt;&lt;/li&gt;
  
   &lt;li class="country-region-items double-col-region-width"&gt;&lt;button aria- 
   label="America" class="region-name cs-label fwrd-arrow"&gt;America&lt;/button&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Screen reader is reading out  "List with two items,list item Europe button",
  How can i restrict it to read only as "Europe" ?</p>
  
  <p>Ps:I dont want to change the HTMl structure.</p>