網頁中的英文大小寫問題

冷冷冷,有夠冷知識。

為什麼你該使用 CSS 來設定

不知道你有沒有碰過這個問題,我覺得這個問題也許還蠻少人知道的。

假設有個 HTML 長這樣:

1
<p>THIS JOKE IS SO FUNNY.</p>

如果你用 螢幕閱讀器(Screen reader) 來跑的話,它會「一個字一個字來唸(T-H-I-S….)」。

所以為了避免這個問題,應該這樣子做:

1
<p>This is a funny joke/</p>
1
2
3
p {
text-transform: uppercase;
}

雖然最後結果看起來會一模一樣,但是螢幕閱讀器能夠正常的念出這段敘述。

螢幕閱讀者友善的 a 標籤 讓你不再煩惱圖片尺寸問題,object-fit 與 object-position
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×