Skip to content

Give an option to add a red asterisks to the label of the required fields #31

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

Open
toshiya14 opened this issue May 24, 2021 · 1 comment

Comments

@toshiya14
Copy link

For accessibility requirements, the required fields should add a red asterisk.

<label for="firstname">First name <abbr class="req" title="required">*</abbr>:</label>

I'd like to know if there is any option could help it.
If not, I'd like to request this feature.

As the articles below explained.
https://www.w3.org/TR/WCAG20-TECHS/H90.html#H90-ex2
https://vue-generators.gitbook.io/vue-generators/validation

Thanks.

@toshiya14
Copy link
Author

For now, I am using the follow codes to implements this.

    .form-group {
      // ...
      &.required {
        & > label::after {
          content: "*";
          color: red;
        }
      }

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