Html validation error due to non allowed attributes

This is happening because it is a component of type select, but it is themed using a div element in bef-links.html.twig.

Why does it use a select component? That appears to be set in class DefaultWidget.

Simple enough to remove.

Thanks, I will try the patch shortly!

However, found another related bug. Not sure it's better tackled here or in a new issue, but the full markup is:

      <label for="edit-type--3">Content type</label>
        <div class="bef-links-use-ajax bef-links" data-drupal-selector="edit-type" multiple="multiple" name="type" id="edit-type--3">
[...]

..we can't use a label for a div, but we could if it was a select, so I guess it has the same root cause.

I can confirm that the PR as of now removes the validation errors of multiple and name, and also that the error described in my comment #6 remains.

The label element issue is addressed in 🐛 Accessibility: Orphaned form label Active .

I don't believe that is exactly the same issue, the validation error is not the same, and also the fix would not fix this. The label element in that issue is in front of an <input> element, which is allowed, but the label in my case prefixes a <div>, which since it is not a form element, should not have a <label> at all.

The reason is likely that when using a select element it is likely also using the form-element-label.html.twig.

Not really sure what it could use instead, though..

Seems there may be more work.

This now needs an issue summary update as the link shows no issues.