Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save mattzeunert/79cb7605e6388c76f4090b7124a64482 to your computer and use it in GitHub Desktop.
Save mattzeunert/79cb7605e6388c76f4090b7124a64482 to your computer and use it in GitHub Desktop.

(Note that some of the changes are just due to variance.)

Cherry-picked reproducable results

The "Tools for web developers" title becomes visibility: hidden when you scroll down. Before axe had scrolled to the bottom of the page, so we didn't count it. But now we do and there's one more non-failing tap target.

tap-targets { score: '0.37 => 0.39', detailsItemCount: '17 => 17' }

Lazy loads a small amount of content after scrolling down. So percentage of failing tap targets is slightly higher.

tap-targets { score: '0.76 => 0.75', detailsItemCount: '13 => 13' }

No infinite load, but loads additional "Paid content" links when scrolling down. Lower score now because those links were good tap targets.

tap-targets { score: '0.79 => 0.65', detailsItemCount: '13 => 12' }

Full results

The "Tools for web developers" title becomes visibility: hidden when you scroll down. Before axe had scrolled to the bottom of the page, so we didn't count it. But now we do and there's one more non-failing tap target.

tap-targets { score: '0.37 => 0.39', detailsItemCount: '17 => 17' }

tap-targets { score: '0.32 => 0.31', detailsItemCount: '70 => 73' }

tap-targets { score: '0.75 => 1', detailsItemCount: '12 => 0' }

tap-targets { score: '0.85 => 0.87', detailsItemCount: '1 => 1' }

Lazy loads a small amount of content after scrolling down. So percentage of failing tap targets is slightly higher.

tap-targets { score: '0.76 => 0.75', detailsItemCount: '13 => 13' }

tap-targets { score: '0.82 => 0.84', detailsItemCount: '3 => 2' }

tap-targets { score: '0.77 => 0.76', detailsItemCount: '24 => 24' }

No infinite load, but loads additional "Paid content" links when scrolling down. Lower score now because those links were good tap targets.

tap-targets { score: '0.79 => 0.65', detailsItemCount: '13 => 12' }

font-size { score: '1 => 1', detailsItemCount: '4 => 5' }
tap-targets { score: '0.63 => 0.63', detailsItemCount: '141 => 122' }

font-size { score: '1 => 1', detailsItemCount: '3 => 6' }

tap-targets { score: '0.67 => 0.84', detailsItemCount: '23 => 2' }

tap-targets { score: '1 => 0.87', detailsItemCount: '0 => 1' }

tap-targets { score: '0.73 => 0.73', detailsItemCount: '20 => 21' }

image-alt { score: '1 => 0', detailsItemCount: '0 => 1' } -- no repro
font-size { score: '1 => 1', detailsItemCount: '5 => 6' } -- no repro
tap-targets { score: '0.84 => 0.85', detailsItemCount: '8 => 6' }

tap-targets { score: '0.64 => 0.84', detailsItemCount: '3 => 1' }

font-size { score: '1 => 1', detailsItemCount: '5 => 6' }

tap-targets { score: '0.88 => 1', detailsItemCount: '1 => 0' }

image-alt { score: '0 => 0', detailsItemCount: '9 => 10' }
font-size { score: '1 => 1', detailsItemCount: '5 => 6' }
tap-targets { score: '0.57 => 0.59', detailsItemCount: '21 => 24' }

image-alt { score: '1 => null', detailsItemCount: '0 => undefined' }
font-size { score: '1 => 1', detailsItemCount: '7 => 6' }

image-alt { score: '0 => 0', detailsItemCount: '5 => 6' }
font-size { score: 'null => 1', detailsItemCount: 'undefined => 5' }

tap-targets { score: '0.85 => 0.87', detailsItemCount: '5 => 2' }

tap-targets { score: '0.85 => 1', detailsItemCount: '2 => 0' }

tap-targets { score: '0.17 => 0.17', detailsItemCount: '24 => 26' }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment