Skip to content

Commit

Permalink
accesskey: remove legacy browsers (mdn#35899)
Browse files Browse the repository at this point in the history
* accesskey: remove legacy browsers

* Update files/en-us/web/html/global_attributes/accesskey/index.md
  • Loading branch information
estelle authored Sep 16, 2024
1 parent 4d15006 commit 7ee907e
Showing 1 changed file with 6 additions and 23 deletions.
29 changes: 6 additions & 23 deletions files/en-us/web/html/global_attributes/accesskey/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,6 @@ The **`accesskey`** [global attribute](/en-US/docs/Web/HTML/Global_attributes) p

{{EmbedInteractiveExample("pages/tabbed/attribute-accesskey.html","tabbed-shorter")}}

> [!NOTE]
> In the WHATWG spec, it says you can specify multiple space-separated characters, and the browser will use the first one it supports. However, this does not work in most browsers. IE/Edge uses the first one it supports without problems, provided there are no conflicts with other commands.
The way to activate the accesskey depends on the browser and its platform:

<table class="standard-table">
Expand All @@ -28,53 +25,39 @@ The way to activate the accesskey depends on the browser and its platform:
<th>Firefox</th>
<td colspan="2"><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td>
<td>
<ul>
<li>Firefox 57+: <kbd>Control</kbd> + <kbd>Option</kbd> +
<kbd>Control</kbd> + <kbd>Option</kbd> +
<kbd><em>key</em></kbd> or <kbd>Control</kbd> + <kbd>Alt</kbd> +
<kbd><em>key</em></kbd></li>
<li>Firefox 14-56: <kbd>Control</kbd> + <kbd>Alt</kbd> +
<kbd><em>key</em></kbd></li>
<li>Firefox 13 or older: <kbd>Control</kbd> +
<kbd><em>key</em></kbd></li>
</ul>
<kbd><em>key</em></kbd>
</td>
</tr>
<tr>
<th>Edge</th>
<th>MS Edge</th>
<td rowspan="2"><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
<td rowspan="2">
<kbd>Control</kbd> + <kbd>Option</kbd> + <kbd><em>key</em></kbd><br>or <kbd>Control</kbd> + <kbd>Option</kbd> + <kbd>Shift</kbd> +
<kbd><em>key</em></kbd>
</td>
<td>n/a</td>
<td rowspan="2"><kbd>Control</kbd> + <kbd>Option</kbd> + <kbd><em>key</em></kbd></td>
</tr>
<tr>
<th>Google Chrome</th>
<td><kbd>Control</kbd> + <kbd>Option</kbd> + <kbd><em>key</em></kbd></td>
</tr>
<tr>
<th>Safari</th>
<td colspan="2">n/a</td>
<td><kbd>Control</kbd> + <kbd>Option</kbd> + <kbd><em>key</em></kbd></td>
</tr>
<tr>
<th>Opera 15+</th>
<th>Opera</th>
<td colspan="2"><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
<td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
</tr>
<tr>
<th>Opera 12</th>
<td colspan="3">
<kbd>Shift</kbd> + <kbd>Esc</kbd> opens a list of available accesskeys. Choose an item from the list by pressing
the <kbd><em>key</em></kbd>.
</td>
</tr>
</tbody>
</table>

## Accessibility concerns

In addition to poor browser support, there are numerous concerns with the `accesskey` attribute:
There are numerous concerns with the `accesskey` attribute:

- An `accesskey` value can conflict with a system or browser keyboard shortcut, or assistive technology functionality. What may work for one combination of operating system, assistive technology, and browser may not work with other combinations.
- Certain `accesskey` values may not be present on certain keyboards, especially when internationalization is a concern. So adapting to specific languages could cause further problems.
Expand Down

0 comments on commit 7ee907e

Please sign in to comment.