螢幕閱讀者友善的 a 標籤

無障礙一下。

我來當你的導盲犬

很多時候我們會使用icon-font來當作社群媒體的連結圖案，所以可能很常見到以下這段原始碼：

<a href="#">
  <i class="fab fa-facebook-square"></i>
</a>

單從視覺上來看沒什麼問題，但使用螢幕閱讀器的使用者會不知道這個連結的作用，

所以建議可以加上 aria-label 屬性，來幫這個連結加上一個內容，像這個樣子：

<a href="#" aria-label="this is our link of facebook">
  <i class="fab fa-facebook-square"></i>
</a>

這樣當螢幕閱讀器執行到這邊時，就會唸出「this is our link of facebook」。