1、隱藏類型
屏幕并不是唯一的輸出機(jī)制，比如說(shuō)屏幕上看不見(jiàn)的元素(隱藏的元素)，其中一些依然能夠被讀屏軟件閱讀出來(lái)(因?yàn)樽x屏軟件依賴于可訪問(wèn)性樹(shù)來(lái)闡述)。
為了消除它們之間的歧義，我們將其歸為三大類：
完全隱藏：元素從渲染樹(shù)中消失，不占據(jù)空間。視覺(jué)上的隱藏：屏幕中不可見(jiàn)，占據(jù)空間。語(yǔ)義上的隱藏：讀屏軟件不可讀，但正常占據(jù)空。
2、完全隱藏
(1) display 屬性
(2) hidden 屬性 HTML5 新增屬性，相當(dāng)于 display: none
3、視覺(jué)上的隱藏
(1) 設(shè)置 posoition 為 absolute 或 fixed，?通過(guò)設(shè)置 top、left 等值，將其移出可視區(qū)域。
(2)設(shè)置 position 為 relative，通過(guò)設(shè)置 top、left 等值，將其移出可視區(qū)域。
(3)設(shè)置 margin 值，將其移出可視區(qū)域范圍(可視區(qū)域占位)。
4、語(yǔ)義上隱藏
aria-hidden 屬性
讀屏軟件不可讀，占據(jù)空間，可見(jiàn)。
京公網(wǎng)安備 11010802030320號(hào)