tillsanders / access-key-label-polyfill

Polyfills the accessKeyLabel property to improve discoverability of native keyboard shortcuts for your website. Tiny and dependency-free.

Hallo, I'm Till 👋

from the cloudy mountains of Lüden­scheid, Germany Being both a Designer and a Web Developer, I spent the last decade learning about and shaping the difficult interaction between human and metal minds.

Here's what I'm currently working on ❤️

• FinanzRitter ~ Co-founder, Chief Product Officer
  I take pride in making the most challenging concepts easily accessible and put this to good use as co-founder of FinanzRitter, a digital insurance broker.

• OpenElectionCompass ~ Creator
  I'm passionate about free and open source software and created the Open­Election­Compass to support political education, participation and democracy.

A quick shout-out to some great projects, teams and individuals whose work I really appreciate: Vue, Nuxt, Laravel, OpenCollective, elemantaryOS, Apple, Jest, Figma, Affinity, @sindresorhus, @thetutlage. You guys rock 🤘

I use my open source projects to keep learning new stuff. Currently I'm diving deeper into Adonis.js, MongoDB and Alpine.js.

If you would like to talk to me, just do ;) If I helped you a little in any way and you feel like it, you can now buy me a drink.

access-key-label-polyfill's Issues

Wrong key combination on Edge

I have an element with F as accesskey:

<input type="text" accesskey="f" id="search-input" placeholder="Search&hellip;" autocomplete="off">

This library returns the accessKeyLabel as Alt + f. However, I need to press Alt + SHIFT + f to focus the element.

Browser details:
Microsoft Edge 92.0.902.62
Windows 10 2004 64 Bit

---

EDIT

Also, it returns undefined for Chrome 92.0.4515.107

Not working on Safari macOS Ventura

Version 0.1.1

It does not work on safari. Tried pressing the access key with cmd, option, ctrl and fn. MacBook Air 2020 M1