nolanlawson / emoji-picker-element

A lightweight emoji picker for the modern web
https://nolanlawson.github.io/emoji-picker-element/
Apache License 2.0
1.43k stars 82 forks source link

fix: simplify skintone listbox #336

Closed nolanlawson closed 1 year ago

nolanlawson commented 1 year ago

Fixes #335

After upgrading Svelte, I noticed a new accessibility warning about how activedescendant elements should have tabindex. I looked into it, and decided I could simplify the skintone picker by abiding by this rule.

Tested in various screenreaders/browsers, the behavior is the same as before, but I was able to clean up the code a bit and get rid of the warning. I also went ahead and fixed #335 because I noticed it.

github-actions[bot] commented 1 year ago

📊 Tachometer Benchmark Results

Summary

benchmark-total

  • emoji-picker-element-database-interactions: unsure 🔍 -5% - +3% (-6.60ms - +4.33ms)
    this-change vs tip-of-tree
  • emoji-picker-element-first-load: unsure 🔍 -8% - +3% (-4.75ms - +1.74ms)
    this-change vs tip-of-tree
  • emoji-picker-element-second-load: unsure 🔍 -8% - +4% (-4.70ms - +2.01ms)
    this-change vs tip-of-tree

Results

emoji-picker-element-database-interactions
  • Browser: chrome-headless 113.0.5672.126
  • Sample size: 50
  • Built by: Benchmarks #229
  • Commit: e14bf04
VersionAvg timevs this-change
vs tip-of-tree
tip-of-tree
this-change
127.42ms - 135.06ms-unsure 🔍
-5% - +3%
-6.60ms - +4.33ms
tip-of-tree
tip-of-tree
128.47ms - 136.29msunsure 🔍
-3% - +5%
-4.33ms - +6.60ms
-
emoji-picker-element-first-load
  • Browser: chrome-headless 113.0.5672.126
  • Sample size: 90
  • Built by: Benchmarks #229
  • Commit: e14bf04
VersionAvg timevs this-change
vs tip-of-tree
tip-of-tree
this-change
52.43ms - 56.84ms-unsure 🔍
-8% - +3%
-4.75ms - +1.74ms
tip-of-tree
tip-of-tree
53.77ms - 58.51msunsure 🔍
-3% - +9%
-1.74ms - +4.75ms
-
emoji-picker-element-second-load
  • Browser: chrome-headless 113.0.5672.126
  • Sample size: 100
  • Built by: Benchmarks #229
  • Commit: e14bf04
VersionAvg timevs this-change
vs tip-of-tree
tip-of-tree
this-change
51.44ms - 56.00ms-unsure 🔍
-8% - +4%
-4.70ms - +2.01ms
tip-of-tree
tip-of-tree
52.60ms - 57.52msunsure 🔍
-4% - +9%
-2.01ms - +4.70ms
-

tachometer-reporter-action v2 for Benchmarks

github-actions[bot] commented 1 year ago

Size Change: -27 B (0%)

Total Size: 42.6 kB

Filename Size Change
./bundle.js 42.6 kB -27 B (0%)

compressed-size-action