<button>
where aria-describedby
should be accessible descriptionThe purpose this test is to show the cascade order of how accessible descriptions are applied in the accessibility tree for the <button>
element. The priority order from highest to lowest is:
aria-describedby
value (as per the "Cat" example below).title
value.This example should not be considered proper practice, and is for testing purposes only.
<button
aria-describedby="cat"
title="rabbit"
>
Fish
</button>
<div id="cat">
Cat
</div>