label標籤的可訪問性問題

2022-03-21 05:12:51 字數 714 閱讀 3106

label標籤可以優雅地擴大表單控制項元素的點選區域。例如,單純的單選框點選區域就鼻屎那麼大的地方,經常會點不到位置。因此,label標籤的使用對於提高頁面的可用性可訪問性是很有幫助的。

其實,它的樣子就是

網易雲課堂就是這麼做的

還有其他的**(盜圖的,哈哈)

其一是使用label標籤包裹控制項元素

另外的方法就是使用label標籤的for屬性與控制項元素的id相關聯。

標籤

標籤 

標籤 

基本上,在大部分瀏覽器下(ie6下label標籤包裹控制項的方法是不頂用的),三個方法都是可以擴大單行文字框控制項的點選區域的(點選「標籤」二字,文字框即focus)。

使用for和id找到控制項元素的方法要比將控標件放在label籤內的健壯性好很多。建議使用for + id方法,而不要因為懶得蛋疼乳酸,直接把控制項元素套在label標籤之下。也不要使用看上去更保險的「雙管齊下」的方法。

整片部落格內容是從 張鑫旭大神那裡借鑑來的,—>_—>

C 再學習系列 可訪問性問題

c 通過private,protected,public來控制成員的可訪問性。private 只能被該類的成員或友元使用 protected 能被該類或者派生類的成員或友元使用 public 能被外部訪問。我們知道派生類可對基類的任何同名虛函式進行重寫,但是不能呼叫基類私有虛函式。不過,派生類卻可以...

C 再學習系列 可訪問性問題

c 通過 private protected public 來控制成員的可訪問性。private 只能被該類的成員或友元使用 protected 能被該類或者派生類的成員或友元使用 public 能被外部訪問。我們知道派生類可對基類的任何同名虛函式進行重寫,但是不能呼叫基類私有虛函式。不過,派生類卻...

關於label標籤的作用

標籤為 input 元素定義標註 標記 label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素內點選文字,就會觸發此控制項。就是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。標籤的 for 屬性應當與相關元素的 id ...