Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility issues caused by components #133

Open
haggishunt56 opened this issue Oct 18, 2022 · 0 comments
Open

Accessibility issues caused by components #133

haggishunt56 opened this issue Oct 18, 2022 · 0 comments

Comments

@haggishunt56
Copy link

haggishunt56 commented Oct 18, 2022

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant