I am trying out nvda and I am curious how label and placeholder behave on inputs.
<input type="text" name="title" aria-label='title' placeholder="Title of the Post"/>
<input type="text" name="title" aria-label='title' placeholder="Title of the Post"/>
when I have both label and place holder. NVDA will annouce
title edit, title of the post
title edit, title of the post
if i remove aria label it will say
title of the post edit
title of the post edit
I am wondering if label is redundant here or placeholder just can't be trusted to work on every version. Or i guess label and placeholder have different purpose. Label for indicating what the field is for and placeholder for an example of what should go into the field