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

Make form labels visually distinguishable from description text #1197

Closed
joeparsons opened this issue Apr 3, 2024 · 0 comments · Fixed by #1252
Closed

Make form labels visually distinguishable from description text #1197

joeparsons opened this issue Apr 3, 2024 · 0 comments · Fixed by #1252
Assignees
Labels
bug Something isn't working enhancement New feature or request

Comments

@joeparsons
Copy link
Member

joeparsons commented Apr 3, 2024

Problem/Motivation

Originally from az-digital/az_quickstart#3249 , and is preferable to fix at the Bootstrap level than in the AZ Barrio Drupal theme. Form labels are not visually distinguishable from description text.

Label styling is currently the same as description text, making it visually indistinguishable and confusing for visual users filling out the forms.

Proposed resolution

Increase font-size and boldness of non-checkbox/radio <label>s. Adapt the CSS used in AZ Barrio to fit in AZ Bootstrap context:

form.webform-submission-form {
  label:not(.form-check-label) {
    font-size: 18px;
    font-weight: 700;
  }
}

Expected behavior

Form labels are visually distinguishable from description text.

@joeparsons joeparsons added bug Something isn't working enhancement New feature or request labels Apr 3, 2024
@akslay akslay self-assigned this Jul 3, 2024
@akslay akslay changed the title [Placeholder] Address form label and description text distinguishability in Bootstrap Make form labels visually distinguishable from description text Jul 3, 2024
joeparsons pushed a commit that referenced this issue Aug 9, 2024
…tion text (#1252)

Co-authored-by: mmunro-ltrr <[email protected]>
Co-authored-by: Dana Hertzberg <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
2 participants