🎨 [#1617] Fixing labels for correct HTML syntax #716
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Labels should not be surrounding other labels = incorrect HTML that also makes some accessibility tests fail.
So this PR attempts to remove unnecessary Label tags while keeping the styling the same.
Also any styling that targets the Label TAG instead of the .label class needs to be either removed or needs the .label class added to it.
CSS Styling for third-party Label tags has not been changed.
explanation: https://taiga.maykinmedia.nl/project/open-inwoner/task/1617
(PS: removed the 'Label' file because that one was React only).
extra info: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
note "Don't place interactive elements such as anchors or buttons inside a label. Doing so makes it difficult for people to activate the form input associated with the label."