Tengo los siguientes elementos html. El conteo está en el elemento span y el texto está en la etiqueta DIV. Cuando paso el mouse sobre el conteo, solo lee el número y cuando paso el mouse sobre el texto de la etiqueta DIV, solo lee texto. Pero quiero que el lector de pantalla lea el texto completo como '1 documento'. Para eso mantuve el atributo 'aria-label' con conteo y texto para el DIV principal con clase 'list-item'. Pero aún así solo lee el texto 'Documento' pero no el recuento en su conjunto.
<div class="list-item" title="documents" aria-label ="1 Document"> <span class="rt-count">1</span> <div title="Documents" class="list-item-title" aria-labelledby="1 Document">Document</div> </div>Será mejor que pruebes así
<div class="list-item" title="documents" aria-label ="1 Document"> <div title="Documents" class="list-item-title"><span class="rt-count">1</span> Document</div> </div>ahora puede leer al pasar el texto div "1 Documento"