main, nav, और aside जैसे एचटीएमएल5 एलिमेंट, पेज पर लैंडमार्क या खास इलाकों के तौर पर काम करते हैं. स्क्रीन रीडर और अन्य सहायक टेक्नोलॉजी, इन पर जा सकती हैं.
लैंडमार्क एलिमेंट का इस्तेमाल करके, अपनी साइट पर नेविगेशन अनुभव को बेहतर बनाया जा सकता है. ऐसा, सहायक तकनीक का इस्तेमाल करने वाले लोगों के लिए किया जा सकता है.
ज़्यादा जानने के लिए, Deque University के एचटीएमएल 5 और ARIA लैंडमार्क लेख पढ़ें.
मैन्युअल तरीके से लैंडमार्क की जांच करने का तरीका
लैंडमार्क एलिमेंट की W3C की सूची का इस्तेमाल करके, यह देखें कि आपके पेज के हर मुख्य सेक्शन में कोई लैंडमार्क एलिमेंट मौजूद है या नहीं. उदाहरण के लिए:
<header>
<p>Put product name and logo here</p>
</header>
<nav>
<ul>
<li>Put navigation here</li>
</ul>
</nav>
<main>
<p>Put main content here</p>
</main>
<footer>
<p>Put copyright info, supplemental links, etc. here</p>
</footer>
Microsoft के सुलभता की अहम जानकारी वाले एक्सटेंशन जैसे टूल का इस्तेमाल करके भी, अपने पेज के स्ट्रक्चर को विज़ुअलाइज़ किया जा सकता है. साथ ही, उन सेक्शन को भी देखा जा सकता है जो लैंडमार्क में शामिल नहीं हैं:
जगहों की जानकारी देने वाले आइकॉन का असरदार तरीके से इस्तेमाल करने का तरीका
<div>या<span>जैसे सामान्य एलिमेंट के बजाय, अपने पेज के मुख्य सेक्शन तय करने के लिए, लैंडमार्क एलिमेंट का इस्तेमाल करें.- अपने पेज के स्ट्रक्चर के बारे में बताने के लिए, लैंडमार्क का इस्तेमाल करें.
उदाहरण के लिए,
<main>एलिमेंट में वह सारा कॉन्टेंट शामिल होना चाहिए जो सीधे तौर पर पेज के मुख्य आइडिया से जुड़ा हो. इसलिए, हर पेज पर सिर्फ़ एक<main>एलिमेंट होना चाहिए. हर लैंडमार्क का इस्तेमाल करने का तरीका जानने के लिए, कॉन्टेंट सेक्शन करने वाले एलिमेंट के बारे में MDN की खास जानकारी देखें. - जगहों की जानकारी देने के लिए, मशहूर जगहों का इस्तेमाल सोच-समझकर करें. बहुत ज़्यादा लैंडमार्क होने पर, सहायक टेक्नोलॉजी का इस्तेमाल करने वाले लोगों के लिए नेविगेट करना ज़्यादा मुश्किल हो सकता है. ऐसा इसलिए, क्योंकि इससे वे आसानी से अपने पसंदीदा कॉन्टेंट पर नहीं जा पाते.
ज़्यादा जानकारी के लिए, हेडिंग और लैंडमार्क पोस्ट देखें.