Pulse7
8/2/2017 - 8:04 PM

User experience tags

User experience tags

title
tabindex
accesskey
contenteditable


<p title="Free Web tutorials">W3Schools.com</p>

<a href="https://www.w3schools.com/" tabindex="2">W3Schools</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

<a href="https://www.w3schools.com/html" accesskey="h">HTML tutorial</a><br>
<a href="https://www.w3schools.com/css" accesskey="c">CSS tutorial</a>
<p><strong>Note:</strong> The shortcut is varying in different browsers:</p>
<ul>
    <li>IE, Chrome, Safari, Opera 15+: [ALT] + <em>accesskey</em></li>
    <li>Opera prior version 15: [SHIFT] [ESC] + <em>accesskey</em></li>
    <li>Firefox: [ALT] [SHIFT] + <em>accesskey</em></li>
</ul>

<p contenteditable="true">This is an editable paragraph.</p>