Closed
Description
For the appearance: base
stylesheet, it would be good to formulate a set of design principles that everyone can agree upon. It would be good to think about those holistically across all form controls, and not just in the context of a single control.
Here's an initial cut at it, open for feedback:
Good default UA styles for form controls should:
- be completely identical in every browser
- be recognizable and usable on their own, without additional styling
- pass 100% of WCAG 2.2 AA standards
- be consistent across controls
- in look & feel
- how they are defined in code
- in sizing and interaction
- be easily morphed into the site’s branding, without needing complex reset stylesheets
- use minimal code and be easy to override
- not have a strong voice & tone of their own, be visually as simple as possible
- inherit page styles rather than define new styles whenever possible
- be straightforward and non-hacky, easy to understand
- be resilient to adjustments
- when changed itself (e.g. changing font, border, layout)
- when put in context (e.g. ready to be flex or grid children)
- be comprehensive
- covering all states for each control
- supporting all writing modes and color schemes