Apakah benar menggunakan tag alt untuk tautan jangkar?

Apakah benar menggunakan tag alt untuk tautan jangkar, sesuatu seperti

<a href="#" class="test" alt="Something" src="sfasfs" ></a>

Hal-hal seperti itu paling baik dijawab dengan melihat spesifikasi resmi:

1. buka spesifikasi: https://www.w3.org/TR/html5/

2. cari " aelemen": https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element

3. centang "Atribut konten", yang mencantumkan semua atribut yang diizinkan untuk aelemen:

   • Atribut global
   • href
   • target
   • download
   • rel
   • hreflang
   • type

4. periksa "Atribut global" yang ditautkan: https://www.w3.org/TR/html5/dom.html#global-attributes

Seperti yang akan Anda lihat, altatribut tidak diperbolehkan pada aelemen.
Anda juga akan melihat bahwa srcatribut tersebut juga tidak diperbolehkan.

Dengan memvalidasi HTML Anda , kesalahan seperti ini dilaporkan kepada Anda.

Perhatikan bahwa yang di atas adalah untuk HTML5 , yang merupakan standar HTML W3C dari 2014 . Pada 2016, HTML 5.1 menjadi standar HTML berikutnya . Menemukan atribut yang diizinkan berfungsi dengan cara yang sama. Anda akan melihat bahwa aelemen dapat memiliki atribut lain di HTML 5.1: rev.

Anda dapat menemukan semua spesifikasi HTML (termasuk standar terbaru) di Status Terkini HTML W3C .

Untuk jangkar, Anda harus menggunakan judul sebagai gantinya. alt bukan atribut valid dari a. Lihat http://w3schools.com/tags/tag_a.asp

"judul" diterapkan secara luas di browser. Mencoba:

<a href="#" title="hello">asf</a>

Tidak, altatribut (ini akan menjadi atribut, bukan tag) tidak diperbolehkan untuk aelemen dalam spesifikasi atau draf HTML apa pun. Dan tampaknya tidak dikenali oleh browser mana pun sebagai memiliki signifikansi apa pun.

Ini sedikit misteri mengapa orang mencoba menggunakannya, tetapi penjelasan yang mungkin adalah bahwa mereka melakukannya secara analog dengan altatribut untuk imgelemen, mengharapkan untuk melihat "tooltip" pada gerakan mouse. Ada dua hal yang salah dengan ini. Pertama, setiap elemen memiliki atributnya sendiri-sendiri, yang ditentukan dalam spesifikasi untuk setiap elemen. Kedua, rendering altatribut “tooltip” di beberapa browser kuno adalah quirk atau bahkan bug, bukan sesuatu yang diharapkan; yang altatribut seharusnya disajikan kepada pengguna jika dan hanya jika gambar itu sendiri tidak disajikan, untuk alasan apa pun.

Untuk membuat “tooltip”, gunakan titleatributnya atau, jauh lebih baik, Google untuk "tooltip CSS" dan gunakan tooltip berbasis CSS dari preferensi Anda (mereka dapat dicirikan sebagai "lapisan" tersembunyi yang terlihat saat gerakan mouse).

Anda harus menggunakan atribut title [judul] untuk tag jangkar jika Anda ingin menerapkan informasi deskriptif seperti yang Anda lakukan untuk atribut alt. Atribut judul valid pada tag jangkar dan tidak memiliki tujuan lain selain memberikan informasi tentang halaman yang ditautkan.

W3C merekomendasikan bahwa nilai atribut judul harus sesuai dengan nilai judul dokumen yang ditautkan tetapi tidak wajib.

http://www.w3.org/MarkUp/1995-archive/Elements/A.html

Alternatifnya, dan cenderung lebih bermanfaat, Anda dapat menggunakan atribut aksesibilitas ARIA aria-label(jangan disamakan dengan aria-labeledby). aria-labelmelayani fungsi yang sama seperti atribut alt untuk gambar tetapi untuk elemen non-gambar dan menyertakan beberapa ukuran pengoptimalan sejak pengoptimalan Anda untuk pembaca layar.

http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects

Jika Anda ingin mendeskripsikan tag anchor, biasanya sesuai untuk menggunakan tag rel atau rev ​​tetapi Anda terbatas pada nilai tertentu, tag tersebut tidak boleh digunakan untuk deskripsi yang dapat dibaca manusia.

Rel berfungsi untuk mendeskripsikan hubungan halaman yang ditautkan dengan halaman saat ini. (misalnya jika halaman tertaut berikutnya dalam rangkaian logis itu akan menjadi rel = next)

Atribut rev pada dasarnya adalah hubungan kebalikan dari atribut rel. Rev menjelaskan hubungan halaman saat ini dengan halaman tertaut.

Anda dapat menemukan daftar nilai yang valid di sini: http://microformats.org/wiki/existing-rel-values

Saya menggunakan judul dan berhasil!

Atribut judul memberikan judul tautan. Dengan satu pengecualian, ini murni nasihat. Nilainya adalah teks. Pengecualiannya adalah untuk tautan lembar gaya, di mana atribut judul mendefinisikan kumpulan lembar gaya alternatif.

<a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">A.K.</a>

Saya terkejut melihat semua jawaban yang menyatakan penggunaan altatribut dalam atag tidak valid . Ini sangat salah.

Html tidak memblokir Anda menggunakan atribut apa pun:

<a your-custom-attribute="value">Any attribute can be used</a>

Jika Anda bertanya apakah secara semantik benar untuk menggunakan altatribut amaka saya akan mengatakan:

TIDAK. Ini digunakan untuk mengatur deskripsi gambar <img alt="image description" />.

Ini adalah masalah apa yang akan Anda lakukan dengan atributnya. Berikut contohnya:

a::after {
  content: attr(color); /* attr can be used as content */
  display: block;
  color: white;
  background-color: blue;
  background-color: attr(color); /* This won't work */
  display: none;
}
a:hover::after {
  display: block;
}
[hidden] {
  display: none;
}

<a href="#" color="red">Hover me!</a>
<a href="#" color="red" hidden>In some cases, it can be used to hide it!</a>

Sekali lagi, jika Anda bertanya apakah secara semantik benar menggunakan atribut khusus maka saya akan mengatakan:

Tidak. Gunakan data-*atribut untuk penggunaan semantiknya.

Ups, pertanyaan telah diajukan pada tahun 2013.