Tajuk SVG vs Atribut Tajuk HTML

Atribut title : Rakan yang biasa, tetapi adakah ia benar -benar membantu? Kita boleh menggunakannya seperti ini:

<div title="Tajuk">
  Saya Div dengan `Tajuk '
</div>

Melangkah ke atas elemen ini mendedahkan tajuk -menggunakan perkara seperti memaparkan tarikh atau masa yang diperluaskan. Walau bagaimanapun, utilitinya terhad kepada pengguna tetikus yang dilihat.

Penyelidikan Ire Aderinokun menyoroti kekurangannya, terutama dengan<abbr></abbr> elemen. Dia menganjurkan pendekatan JavaScript yang dipertingkatkan. Walaupun Jaws boleh mengumumkan tajuk, ciri ini tidak didayakan secara lalai. Keberkesanan title untuk pembaca skrin masih tidak jelas dan bergantung kepada konteks.

Inilah penemuan yang mengejutkan: ini tidak berfungsi:

<svg title="Checkout"></svg>

Tiada pop timbul tajuk muncul pada hover. Sebaliknya, anda memerlukan ini:

<svg><title> Checkout</title>
<desc> Ikon keranjang belanja dengan baguettes dan brokoli dalam kereta.</desc></svg>

Firefox 79 memperkenalkan sokongan untuk kaedah ini. Kawasan hoverable untuk popup tajuk merangkumi keseluruhan segi empat tepat SVG.

Siasatan ini berpunca daripada e -mel yang menggambarkan isu aneh: Popup tajuk hanya muncul di atas piksel "diisi" SVG, bukan yang telus. Ini terbukti boleh dihasilkan apabila menggunakan a

Atas ialah kandungan terperinci Tajuk SVG vs Atribut Tajuk HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!