સેક્શનિંગ એલિમેન્ટ્સ પેજને અર્થપૂર્ણ પ્રદેશોમાં વિભાજિત કરે છે. તેમાંથી ઘણા ARIA landmarks માટે મ્যાપ કરવામાં આવે છે — નામવાળા પ્રદેશો જે સહાયક તકનીક વપરાશકર્તાઓને કૂદવા દે છે, પેજ માટે સામગ્રીના સમીક્ષણ જેવું.
...
Details
...
...
સ્ક્રીન રીડર વપરાશકર્તાઓ લ્યાન્ડમાર્ક્સ સૂચિબદ્ધ કરવા માટે કીને દબાવી શકે છે અને <main> પર સીધો કૂદી શકે છે, પુનરાવર્તિત હેડર્સ અને નેવ છોડી શકે છે. આ મોટી કાર્યક્ષમતા લાભ છે — સિમેન્ટિક ટૅગ્સ તેને આપમેળે આપે છે, કોઈ ARIA ની જરૂર નથી.
<article> — સામગ્રી જે પોતાના માટે અર્થ બનાવે છે અને સીન્ડિકેટ થઈ શકે છે: બ્લોગ પોસ્ટ, ઉત્પાદન કાર્ડ, ટિપ્પણી.<section> — દસ્તાવેજ ની અંદર થીમેટિક જૂથીકરણ, સામાન્ય રીતે તેનું પોતાનું હેડિંગ છે. સ્વતંત્ર નથી.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
હાથનો નિયમ: જો તે પોતાને માટે ઉભો રહી શકે, તો તે <article> છે; જો તે માત્ર એક મોટા સમગ્રનો લેબલ થયેલ ભાગ છે, તો તે <section> છે. <section> નો ઉપયોગ કરશો નહીં સ્ટાઇલિંગ આવરણ તરીકે — આ તે છે જે <div> માટે છે.
સાચી સેક્શનિંગ એલિમેન્ટ્સનો ઉપયોગ કરવાથી તમને કીબોર્ડ/સ્ક્રીન-રીડર નેવિગેશન માટે મુક્ત, મજબૂત લ્યાન્ડમાર્ક્સ અને સ્પષ્ટ દસ્તાવેજ રૂપરેખા મળે છે — કોઈ વધારાની ARIA વિશેષતાઓ વિના વધુ સુલભતા અને SEO બેહતર બનાવે છે.