Unique accesskey values
Last updated:
How to fix duplicate accesskey values?
Make sure every accesskey attribute on the page has a unique value:
BAD:
two elements share the same accesskey
<a href="/home" accesskey="h">Home</a>
<a href="/help" accesskey="h">Help</a>
CORRECT:
each element has a unique accesskey
<a href="/home" accesskey="h">Home</a>
<a href="/help" accesskey="e">Help</a>
If you do not need the accesskey feature, remove the attribute entirely.
Why is this important?
When two elements share the same accesskey, the browser decides which one to activate. This behavior differs between browsers and is not predictable. Keyboard users and assistive technology users who rely on accesskeys cannot depend on the shortcut working as expected.
More info:
Rule info
Standard
Best practice
User impact
Serious impact Significantly hinders users with disabilities. Should be fixed as a high priority. Critical : blocks access entirely Serious : significantly hinders use Moderate : causes difficulty Minor : minimal disruptionFix complexity
High level of required technical expertise To resolve this issue, you need technical expertise in software engineering. Resolving this issue requires modifying the software code, for which you need a background in software engineering.Affects
Visual People with vision related disabilities can include those with color blindness, low vision, or complete blindness. Providing alternative text (also known as alt text) for graphical content is especially important for these individuals, as it allows assistive technologies such as screen readers to describe the content to them.
Free Website Accessibility Audit
Was this article helpful?
Thanks for your feedback!