Perjanjian dengan elemen seksyen

Dua artikel diterbitkan pada hari yang sama:

1. Bruce Lawson on Smashing Magazine: Mengapa Anda Harus Memilih HTML5 Over
2. Adam Laki di Pine: Perbezaan Antara dan
   Elemen

   Mereka membandingkan perkara yang sedikit berbeza, tetapi kedua -duanya melibatkan elemen .

   Saya dapati ia cukup jelas apabila anda mencapai

   : apabila anda mahu elemen itu tidak bermakna. Anda hanya menggunakannya untuk tujuan gaya.

   Saya selalu berfikir tentang RSS apabila saya berfikir tentang : Adakah sedikit perkara ini masuk akal sebagai entri (yang tidak semestinya perlu menjadi keseluruhan kandungan artikel)? Jika ya, gunakan ; Sekiranya tidak, jangan.

   Bruce mempunyai jawapan:

   [...] Fikirkan bukan hanya sebagai artikel akhbar, atau catatan blog, tetapi sebagai artikel pakaian - entiti diskret yang boleh digunakan semula dalam konteks lain. Jadi seluar anda adalah artikel, dan anda boleh memakainya dengan pakaian yang berbeza; Kemeja anda adalah artikel, dan boleh dipakai dengan seluar yang berbeza; Boots Stiletto Paten Paten Paten anda adalah artikel.

   Lebih penting lagi, ia mempunyai beberapa fungsi sebenar. Bruce menyebut bahawa Apple Watchos secara khusus menggunakannya untuk mencari kandungan di halaman.

   Tetapi

   lebih samar -samar. Pada satu ketika, anda sepatutnya memikirkan bahagian -bahagian sebagai tempat di mana tajuk

   -

   anda akan ditetapkan semula, tetapi itu tidak pernah membuahkan hasil kerana ia memerlukan sesuatu yang disebut "HTML5 Outlining" yang menyokong penyemak imbas sifar.

   Jadi haruskah kita menggunakan sama sekali? Menurut Bruce, kadang -kadang! Reka bentuk majalah Smashing untuk artikel mempunyai ringkasan pada permulaan artikel. Secara visual, itu cukup jelas, tetapi kurang-jadi untuk pengguna pembaca skrin. Penyelesaiannya membungkus ringkasan dalam elemen dengan label Aria untuk membuatnya jelas. Tetapi anda tidak sepatutnya menggunakan label Aria melainkan elemen itu juga mempunyai peranan. Anda boleh menggunakan peranan untuk , tetapi

   sudah mempunyai peranan lalai yang baik, jadi:

    <seksyen aria-label="Ringkasan Pantas">
     Teks ringkasan
   </seksyen>

   Artikel Adam (maaf, Adam) sangat samar -samar pada mata.

   Perbezaan utama berasal dari semantik. Sekiranya anda mempunyai bahagian di laman web atau aplikasi anda yang mempunyai logiknya, anda perlu menggunakan tag

   untuk mengisytiharkannya ...

   ... Gunakan apabila ia betul secara logik untuk membuat sebahagian daripada laman web atau aplikasi anda boleh dibaca dengan teknologi bantuan. Ia adalah pendekatan yang sangat baik jika anda ingat pembaca skrin.

   Oleh itu, anda mendapat peranan = "Wilayah" secara automatik untuk bahagian, tetapi saya tidak pasti apa -apa untuk pembaca skrin, sans label. Dalam ujian cepat (Chrome untuk desktop dengan suara diaktifkan), tanpa label ARIA tidak ada di bahagian mercu tanda pemutar web, tetapi ia muncul apabila ia mempunyai label Aria.

   Titik adalah: Jangan hanya menggunakan dan anggap anda melakukan sesuatu yang baik untuk aksesibiliti. Tujuannya cukup terhad dan hanya berguna untuk mewujudkan mercu tanda. Walaupun begitu, anda tidak banyak membantu. Leonie Watson dalam komen:

   Apabila pilihan adalah antara tajuk tersembunyi visual dan elemen seksyen dengan nama yang boleh diakses terdapat beberapa perkara yang perlu dipertimbangkan sebelum memutuskan pendekatan mana yang betul.

   Apabila elemen seksyen mempunyai nama yang boleh diakses, ia menjadi elemen mercu tanda yang boleh dilayari, jadi pengguna pembaca skrin boleh menggunakan kunci pintasan pembaca skrin mereka untuk menavigasi dari satu ke yang seterusnya - sama seperti yang dapat mereka lakukan dengan tajuk.

   Menurut Penyiasatan Pengguna Pembaca Skrin Web yang paling terkini, 68% pengguna pembaca skrin lebih suka menavigasi tajuk berbanding dengan 2.9% yang lebih suka mercu tanda.

   Oleh itu, dari sudut pandangan yang ketat, anda mungkin boleh menjatuhkan tajuk, tetapi dari sudut pandang kebolehgunaan anda benar -benar mahu mengekalkan tajuk - sekurang -kurangnya sehingga lebih banyak pengguna pembaca skrin menyatakan keutamaan untuk menggunakan mercu tanda untuk menavigasi kandungan.

Atas ialah kandungan terperinci Perjanjian dengan elemen seksyen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!