Accessibility issues caused by components #133
Description
The hmpo-forms and hmpo-select components are returning html validation errors which, in turn, are causing projects using these components to fail accessibility tests.
hmpo-form error:
In a project implementing hmpo-form, the source of the compiled element will look something like this: <form action="/some-action" method="POST" autocomplete="off" novalidate="true" spellcheck="false">
Inputting this into the W3C HTML validator returns the error
Bad value true for attribute novalidate on element form.
The compiled element should be: <form action="/some-action" method="POST" autocomplete="off" novalidate spellcheck="false">
hmpo-select error:
In a project implementing hmpo-select, the compiled element will include tags with no label attribute. The label is included between the opening and closing tags, i.e. <option value="1_DMT">DMT</option>. This causes the error
Element option without attribute label must not be empty.
The option element should instead be <option value="1_DMT" label="DMT"></option>