RE: Problem with an implementation pass for Target Size

> In the call I heard that 2.5.3: Target Size was passed for the Lego site, can anyone explain to me why?

Hi Jake,

It wasn't easy to work out, but I couldn't get the buttons to be smaller than about 60px square.

It insists on being landscape, so a reasonable smallest width to test at would be  ~500px wide (i.e. the height of a phone screen), and then the buttons were around 60px. That seemed to give it some leeway as well.

I say "around" because it's a canvas app so I used a screen-capture tool to work out the size of the buttons rather than an inspector approach.

It isn't an ideal example as it basically scales in a non-reflowable way, but it does seem to have reasonably large hit sizes.

I added the CSS below [1] to my site, which is a bit of a hammer to the proverbial nut, but it worked for target size... anyone else fancy doing that?




a, input {
  display: inline-block;
  min-height: 44px !important;
  min-width: 44px !important;

NB: Time to work out CSS? 2 minutes.

Time to install SASS, get the right environment going and get the CSS onto my site? 45min.

Received on Tuesday, 3 April 2018 23:50:59 UTC