title: title property not working in ipad but works in desktop browsers
body: <p>I have the code as   </p>
  
  <pre><code>  &lt;button aria-label="Export account balances as a PDF" title="PDF" class="button icon ui-widget-override" 
  type="button" id="export-pdf-button" onclick="viewPdfAccountBal();"&gt;
      &lt;img alt="PDF" title="PDF" src="${pageContext.request.contextPath}/images/pdf_icon.gif"/&gt;
      &lt;/button&gt;
  </code></pre>
  
  <p>this shows the word as "PDF" when I move the over the image icon, but I am unable to replicate that hover in ipad. I also should not affect the existing working code due to this change too.</p>
  
  <p>Can you please help me in this since I am struggling for a couple of days</p>