Tout d'abord les éléments susceptibles de recevoir l'attribut accesskey sont: <a>, <area />, <button>, <input />, <label>, <legend>, <textarea>
Encore une fois il s'agit d'une propriété muette, donc nous allons (encore une fois) notifier sa présence dans l'attribut title, le tout grâce à un javascript
<a href="#" accesskey="k">Access <strong>k</strong>eys</a>
function show_keys() {
var elements= new Array('a', 'area', 'button', 'input', 'label', 'legend', 'textarea');
for(var j=0; j<elements.length; j++) {
var obj = document.getElementsByTagName(elements[j]);
for (var i = 0 ; i < obj.length ; ++i) {
if (obj[i].accessKey) {
obj[i].title += ' ['+obj[i].accessKey+']';
}
}
}
}
window.onload = function() {
show_keys();
}
Autre possibilité pour les access key sur les liens: utiliser une lettre du mot qui contient le lien et le faire apparaître grâce à un style particulier.
<a href="#" accesskey="k">Access <span class="ak">k</span>eys</a> ou
<a href="#" accesskey="k">Access <strong title="accesskey: [k]" >k</strong>eys</a>
Remarque, dans le cas de l'utilisation du span il est possible de baser son script sur ce nom de class.