Sectioning elements ਇੱਕ ਪੇਜ ਨੂੰ ਅਰਥਪੂਰਨ ਖੇਤਰਾਂ ਵਿੱਚ ਵੰਡਦੇ ਹਨ। ਕੁਝ ARIA landmarks ਵਿੱਚ ਮੈਪ ਕਰਦੇ ਹਨ — ਨਾਮਕ ਕੀਤੇ ਖੇਤਰ ਜੋ assistive technology ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਵਿਚਕਾਰ ਜਾਣ ਦਿੰਦੀ ਹੈ, ਪੰਨੇ ਲਈ ਸਮੱਗਰੀ ਦਾ ਇੱਕ ਸੂਚੀ ਵਾਂਗ।
...
Details
...
...
Screen reader ਉਪਭੋਗਤਾ ਲੈਂਡਮਾਰਕਸ ਦੀ ਸੂਚੀ ਬਣਾਉਣ ਅਤੇ <main> ਤੱਕ ਸਿੱਧਾ ਜਾਣ ਲਈ ਇੱਕ ਕੁੰਜੀ ਦਬਾ ਸਕਦੇ ਹਨ, ਦੁਹਰਾਏ ਜਾਣ ਵਾਲੇ headers ਅਤੇ nav ਨੂੰ ਛੱਡਦੇ ਹੋਏ। ਇਹ ਇੱਕ ਵੱਡਾ ਕੁਸ਼ਲਤਾ ਲਾਭ ਹੈ — semantic tags ਇਸਨੂੰ ਸਵਚਾਲਿਤ ਤੌਰ 'ਤੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਕੋਈ ARIA ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ।
<article> — ਸਮੱਗਰੀ ਜੋ ਆਪਣੇ ਆਪ ਵਿੱਚ ਅਰਥ ਰੱਖਦੀ ਹੈ ਅਤੇ syndicated ਹੋ ਸਕਦੀ ਹੈ: ਇੱਕ ਬਲੌਗ ਪੋਸਟ, ਉਤਪਾਦ ਕਾਰਡ, ਟਿੱਪਣੀ।<section> — ਇੱਕ ਦਸਤਾਵੇਜ ਅੰਦਰ thematic ਗੁੱਟ, ਆਮ ਤੌਰ 'ਤੇ ਆਪਣੇ ਸਿਰਲੇਖ ਦੇ ਨਾਲ। ਆਜ਼ਾਦ ਨਹੀਂ।<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
ਥੰਮ ਦਾ ਨਿਯਮ: ਜੇ ਇਹ ਅੱਕੇਲੇ ਖੜ੍ਹਾ ਹੋ ਸਕਦਾ ਹੈ, ਤਾਂ ਇਹ <article> ਹੈ; ਜੇ ਇਹ ਸਿਰਫ ਇੱਕ ਵੱਡੀ ਚੀਜ਼ ਦਾ ਇੱਕ ਲੇਬਲ ਕੀਤਾ ਹਿੱਸਾ ਹੈ, ਤਾਂ ਇਹ <section> ਹੈ। <section> ਨੂੰ ਸ਼ੁੱਧ ਸ਼ੈਲੀ wrapper ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਨਾ ਕਰੋ — ਇਹ <div> ਲਈ ਹੈ।
ਸਹੀ sectioning elements ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਹਾਨੂੰ ਕੀਬੋਰਡ/screen-reader ਨੈਵੀਗੇਸ਼ਨ ਅਤੇ ਸਪਸ਼ਟ ਦਸਤਾਵੇਜ ਆਉਟਲਾਈਨ ਲਈ ਮੁਫ਼ਤ, ਮਜ਼ਬੂਤ landmarks ਮਿਲਦੇ ਹਨ — ਬਿਨਾ ਕਿਸੇ ਵਾਧੂ ARIA ਗੁਣਾਂ ਦੇ accessibility ਅਤੇ SEO ਵਿੱਚ ਸੁਧਾਰ ਕਰਦੇ ਹੋਏ।