w3c / wai-atag-report-tool

Repository for ATAG Report Tool
https://wai-atag-report-tool.netlify.app
Other
13 stars 9 forks source link

[ED-low][minor] spacing between label and field #166

Closed shawna-slh closed 4 years ago

shawna-slh commented 4 years ago

(This is teeny little minor thing that I wasn't going to comment on, but it keeps niggly me. )

(A) This seem just right: image

(B) Here I think too much space between the label and the field boxes: image

Edit: added (A) and (B) - Hidde

hidde commented 4 years ago

I feel there is too little space between label and input in (A) The extra space in (B) gives the user some breathing room and makes the UI calmer and with that, easier to take in.

Currently, (A) is per WAI Design Components.

Proposal: we update WAI Design Components to increase whitespace, like in (B), so that it is all consistent.

hidde commented 4 years ago

Thinking about it… in (A) the whitespace is mostly between the form elements, we could do the same in (B).

hidde commented 4 years ago

In (B), I have increased whitespace between elements, decreased between label and input so that it is more per styleguide.