[HTML5] aria-label & aria-labelledby

'aria-labelledby' overwrite 'aria-label' overwirte native element label.

 

TOP-LEFT: aria-label overwrite native element label, so it is Gumnut.

TOP-RIGHT: it has role button, so the label is Wombat.

BOTTOM-LEFT: No labe, because label need id to bind to the input field, so need to add id="roo"

BOTTOM-RIGHT: aria-labelledby overwrite aria-label, so it is "Wallaby"

 

posted @ 2018-03-12 21:58  Zhentiw  阅读(483)  评论(0)  编辑  收藏  举报