Rplus / f2e-note

record some note in issue

0 stars 0 forks source link

Accessible Hidden Content Tests #17

Open Rplus opened 9 years ago

Rplus commented 9 years ago

這邊是 hidden content 一些方式的比較對於需要考慮 accessible 的狀況蠻有參考價值的

http://graphicpush.com/demos/hiddencontent/

Accessible Hidden Content Tests / compare

display: none
visibility: hidden
opacity: 0
Jon Snook's "Hide Visually"
aria-hidden
Hide Text / Image Replacement Technique

Rplus commented 9 years ago

Clip Your Hidden Content For Better Accessibility --- Yahoo https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html

Rplus commented 8 years ago

可以參考 Bootstrap 針對 screen reader 的 mixin sr-only https://github.com/twbs/bootstrap/blob/v4-dev/scss%2Fmixins%2F_screen-reader.scss

ref: http://a11yproject.com/posts/how-to-hide-content/ ref: https://github.com/h5bp/html5-boilerplate/blob/v4.3.0/css/main.css#L152