The element label must not appear as a descendant of the a element

Question

Everthing seems to work fine, but when I validate my xml I get an error The element label must not appear as a descendant of the a element. Something similar was already asked here, but that did squat for me. If I put the label out of a then only the icon next to the label works as a link, but I want the whole thing.

My current code

<a href="#">
   <span class="glyphicon glyphicon-wrench"></span>
   <label class="iconLabel">Settings</label>
</a>

I've tried puting spanand label inside div, but nothing changed

Act of desperation, I just encapsulated `span` and `label` in empty `div` hoping to solve the problem — jabk, Nov 25 '15 at 19:21
ok, what happens if you change label for span but keep this in the same place using this "iconLabel" class, this should work, or not? — Rodrigo Leite, Nov 25 '15 at 19:24
Works, I feel silly now, I was just too fixated on trying to make the label work >< Can you add the answer — jabk, Nov 25 '15 at 19:27

score 1 · Accepted Answer · answered Nov 25 '15 at 19:30

1

Change label for span, but keep this in the same place, keeping the class "iconLabel", this should work.

Code:

<a href="#">
   <span class="glyphicon glyphicon-wrench"></span>
   <span class="iconLabel">Settings</span>
</a>

answered Nov 25 '15 at 19:30

Rodrigo Leite

874
8
15

The element label must not appear as a descendant of the a element

1 Answers1