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

Increase checkbox and radio inputs to 25px by 25px #436

Open
2 tasks done
st3phhays opened this issue Jan 8, 2025 · 0 comments
Open
2 tasks done

Increase checkbox and radio inputs to 25px by 25px #436

st3phhays opened this issue Jan 8, 2025 · 0 comments
Labels
0 - Backlog Issue is accepted, but is not ready to be worked on or not in current sprint Accessibility Represents issues that are related to accessibility in UI such as WCAG, etc.

Comments

@st3phhays
Copy link
Member

Checklist

  • I have verified this is the correct repository for opening this issue.
  • I have verified no other issues exist related to my request.

Is Your Feature Request Related To A Problem? Please describe.

To be WCAG compliant, checkboxes and radio inputs need to be a minimum of 25px by 25px.

Describe The Solution. Why is it needed?

We can add/adjust these variables inside of the /scss/variables/_global.scss file:

$form-check-input-width:                  25px;
$form-check-min-height:                   25px;

It is to note, more variables may need adjusted after the size is increased. List of variables is at https://getbootstrap.com/docs/5.3/forms/checks-radios/#sass-variables.

Additional Context

Custom switch items should be inspected after this change to ensure they still display as they should.

Related Issues

  • PROJ-999
@st3phhays st3phhays added 0 - Backlog Issue is accepted, but is not ready to be worked on or not in current sprint Accessibility Represents issues that are related to accessibility in UI such as WCAG, etc. labels Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - Backlog Issue is accepted, but is not ready to be worked on or not in current sprint Accessibility Represents issues that are related to accessibility in UI such as WCAG, etc.
Projects
None yet
Development

No branches or pull requests

1 participant