Aria-labelledby referencing a div with two spans

MEN'S FASHION Autumn 2016 Collection

Results

JAWS 15 or NVDA 2014.2 read it OK in FF and IE, but VoiceOver doesn't read the secont row of TH.

Code


<a href="/couture/en_us/mens-fashion/leather-goods" class="push-link js-push " data-eventaction="MEN'S FASHION" data-eventlabel="MEN'S FASHION" target="_self" aria-labelledby="p1">

<div class="push push-pic js-equal-height-main">

<img src="images/doubletrouble.jpg"  class="img--loaded" width="300px"> 

</div>

</a>

...

<div class="push-legend" id="p1">

<span class="legend-suptitle">

MEN'S FASHION</span>

<span class="legend-title">

Autumn 2016 Collection</span>

</div>

<