Difference between 'aria-labelledby' and 'aria-describedby'

·

1 min read

Caution

I used 'Screen Reader', which can be downloaded from Chrome Web Store. So, other screen readers cannot act in the same way the program does.

Introduction

I was quite confused when I compared the two things. Luckily, I found out the difference.

Common Things

If other elements' id values are written as their values, then, elements of them sound the element's content.

Differences

"labelledby" does not sound its element's content, while "describedby" does sound its element's content.

Example

Click the buttons and check the difference.