Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics

Dashboard
Notifications
Mark all as read
Q&A

min-height for HTML form's submit buttons from a web accessibility standpoint

+2
−0

I am styling a simple HTML-PHP-CSS contact form and I have considered to give some min-height pixel value CSS style to the form's submit button.

I ran a Google search with the query:

min-height submit button accessibility

None of the 10 articles in the first place dealt with this directly (standard) nor did it include details about min-height (as a CSS property) and submit buttons.

Is there a worldly accessibility min-height standard (pixel or otherwise) for submit buttons in forms?

Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

0 comments

1 answer

+5
−0

There is no universal accessibility standard for how tall your buttons should be. Consider that when you're using a simple link, users have to click on the text itself to follow the link; as long as your text size isn't ridiculously small there's no problem with that. Don't make your buttons smaller than that.

That said, min-height is generally the wrong CSS property to use for this. Make sure your text size is appropriate, then add some padding and/or margin until your button is the size you want it. You don't need to specify a min-height, because the combination of text size + padding does that for you.

Why does this post require moderator attention?
You might want to add some details to your flag.

1 comment

Making the height dependent on the text, rather than setting it independently, is also more versatile if somebody increases the text size. Some browsers allow you to set a minimum text size that might be larger than your assumed size, for example. Monica Cellio‭ 21 days ago

Sign up to answer this question »