Getting "Size tap targets appropriately" warning on an element which is not tappable at all...

256 views
Skip to first unread message

nimit mangal

unread,
Jul 31, 2014, 7:52:38 AM7/31/14
to pagespeed-ins...@googlegroups.com
Hi,

On my following page, """qa-mobile.proptiger-ws.com/noida-real-estate""", my current UX score is 92/100.

There are total 5 warning regarding "Size Tap Targets Appropriately".
  • The tap target <div class="project-name p…-row-container">Sikka Kaamya Greens</div> and 9 others are close to other tap targets see screenshot.
  • The tap target <div class="project-addres…r put-ellipsis">Sector 10 Noida Extension</div> and 9 others are close to other tap targets see screenshot.
  • The tap target <div class="project-cont-t…project-other">2, 3 &amp; 4 BHK Apts</div> and 9 others are close to other tap targets see screenshot.
  • The tap target <div class="project-price-…project-other">22.70 L - 43.09 L</div> and 8 others are close to other tap targets see screenshot.
  • The tap target <a class="no-ajaxy footerBtn filter-btn">Filters(0)</a> and 1 others are close to other tap targets. see screenshot.
The problem is that 4 of them are not buttons or links, neither I've attached any click event on them via javascript/jquery.

Any solution would be very helpful.

Carlos Lizaga Anadon

unread,
Jul 31, 2014, 8:26:26 AM7/31/14
to pagespeed-ins...@googlegroups.com
Did you try to give those buttons a larger height? According to google UX directives you should stick them to 48 px (min-height) and there shouldn't be any other clickable resource in 32 px area. I'd try to enlarge them first and perform another test.

Regards. 

nimit mangal

unread,
Jul 31, 2014, 3:19:52 PM7/31/14
to pagespeed-ins...@googlegroups.com
Thanks Carlos,

But as I said "The problem is that 4 of them are not buttons or links, neither I've attached any click event on them via javascript/jquery." They are not clickable. 

I put an "anchor" tag above them with position absolute.

I've tried to make the "section" tag clickable by jquery and I presume that "elements within elements" are considered clickable by google pagespeed test too.

Regards.

Dave Mankoff

unread,
Jul 31, 2014, 3:21:50 PM7/31/14
to pagespeed-ins...@googlegroups.com
Howdy Nimit.

I was trying to look into this issue, but I am currently receiving a 503 error when I visit your site:

> Service Temporarily Unavailable
>
> The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

Are you working on it currently?



-dave mankoff

nimit mangal

unread,
Aug 1, 2014, 3:31:23 AM8/1/14
to pagespeed-ins...@googlegroups.com
Hi Dave.

Yes, it wen down when I was working on it last night. It's up again.

Thanks.

nimit mangal

unread,
Aug 1, 2014, 5:26:44 AM8/1/14
to pagespeed-ins...@googlegroups.com
Hi All,

Found the issue. 

Thanks.

Rick Steinwand

unread,
Aug 1, 2014, 10:49:53 AM8/1/14
to pagespeed-ins...@googlegroups.com
99/100 nice.

webde...@gmail.com

unread,
Sep 30, 2014, 4:33:53 PM9/30/14
to pagespeed-ins...@googlegroups.com
What was the issue? (I'm experiencing the same thing.)

Peter Conerly

unread,
Jun 10, 2016, 7:56:20 PM6/10/16
to pagespeed-insights-discuss
+1, what was the issue?  For some reason PageSpeed thinks that my html tag is clickable, and I've verified in Dev Tools that the html tag doesn't have any click handlers on it.
Reply all
Reply to author
Forward
0 new messages