HTML accesskey एट्रिब्यूट

HTML accesskey एट्रिब्यूट क्या है?

HTML में accesskey एट्रिब्यूट का उपयोग किसी एलिमेंट को सक्रिय (activate) या फोकस करने के लिए एक शॉर्टकट कुंजी (shortcut key) सेट करने के लिए किया जाता है। यह कीबोर्ड नेविगेशन और एक्सेसिबिलिटी में सुधार करता है।

वाक्यविन्यास (Syntax)

<element accesskey="char">

ऊपर, char शॉर्टकट कुंजी है (आमतौर पर एक वर्ण)।

ब्राउज़र/OS संशोधक कुंजियाँ (Modifier Keys)

विंडोज़ पर, विभिन्न ब्राउज़रों के लिए एक्सेस कुंजी संयोजन:

वेब ब्राउज़र	विंडोज़ OS
Chrome	[Alt] + accesskey
Firefox	[Alt] + [Shift] + accesskey
Edge	[Alt] + accesskey
Safari	[Alt] + accesskey (macOS: [Control] + [Option] + accesskey)

उदाहरण (Google Chrome पर विंडोज़ के लिए)

<!DOCTYPE html>
<html>
<body>
<h2>Reference Links</h2>
  <a href="https://www.tutorialspoint.com/online_dev_tools.htm" accesskey="t">Tools</a><br>
  <a href="https://www.tutorialspoint.com/codingground.htm" accesskey="c">Online Compiler</a><br>
  <a href="https://www.tutorialspoint.com/whiteboard.htm" accesskey="w">Whiteboard</a><br>
  <p>Use <kbd>ALT</kbd> + <kbd>accesskey</kbd> on Chrome</p>
</body>
</html>

आउटपुट

लिंक प्रदर्शित होंगे। Chrome पर Alt+T दबाने से "Tools" लिंक फोकस/सक्रिय होगा:

HTML accesskey एट्रिब्यूट

सर्वोत्तम अभ्यास

अद्वितीय (unique) एक्सेस कुंजियाँ चुनें जो ब्राउज़र/OS शॉर्टकट्स से टकराएं नहीं।
दृश्य संकेत दें (उदाहरण: अंडरलाइन पहला अक्षर CSS ::first-letter या <u>T</u>ools के साथ)।
संख्याएँ (0-9) अक्सर सुरक्षित विकल्प होती हैं।
accesskey ग्लोबल एट्रिब्यूट है - किसी भी HTML एलिमेंट पर उपयोग किया जा सकता है।