Hiding Placeholder text from screenreaders

[ghost]

Hey!

I am working on making a website accessible and I saw all your videos on FrontendMasters Accessibility Workshop. I have a doubt and it would be of great help for me if you can clarify it! I believe according to WCAG 2.0, form elements with input type text needs to have a label associated with it. In a form, if we use a placeholder text and a label for one of the input fields (Say user name), the screen-reader reads both. So it is repetition of the same information twice. Is there a way to make the screen-reader skip the placeholder text and just read the label (which will be hidden) ?

Thank you!