1、隱藏類型
屏幕并不是唯一的輸出機制,比如說屏幕上看不見的元素(隱藏的元素),其中一些依然能夠被讀屏軟件閱讀出來(因為讀屏軟件依賴于可訪問性樹來闡述)。
為了消除它們之間的歧義,我們將其歸為三大類:
完全隱藏:元素從渲染樹中消失,不占據(jù)空間。視覺上的隱藏:屏幕中不可見,占據(jù)空間。語義上的隱藏:讀屏軟件不可讀,但正常占據(jù)空。
2、完全隱藏
(1) display 屬性
(2) hidden 屬性 HTML5 新增屬性,相當于 display: none
3、視覺上的隱藏
(1) 設(shè)置 posoition 為 absolute 或 fixed,?通過設(shè)置 top、left 等值,將其移出可視區(qū)域。
(2)設(shè)置 position 為 relative,通過設(shè)置 top、left 等值,將其移出可視區(qū)域。
(3)設(shè)置 margin 值,將其移出可視區(qū)域范圍(可視區(qū)域占位)。
4、語義上隱藏
aria-hidden 屬性
讀屏軟件不可讀,占據(jù)空間,可見。