aria-describedby

Without aria-describedby:

        
        <label for="alb1">Name</label>
        <input
            id="alb1"
            type="text">
        <p>Please give your first and last name</p>
    

With aria-label:

        
        <label for="alb2">Name</label>
        <input
            id="alb2"
            type="text"
            aria-describedby="alb2-description">
        <p id="alb2-description">Please give your first and last name</p>
    

Beware: aria-describedby can overrule the placeholder:

        
        <label for="alb3">Name</label>
        <input
            id="alb3"
            type="text"
            aria-describedby="alb3-description"
            placeholder="first and last name">
        <p id="alb3-description">Please give your first and last name</p>
    

Back to start page