8000 [css-forms-1] Define design principles for `appearance: base` stylesheet · Issue #10866 · w3c/csswg-drafts · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[css-forms-1] Define design principles for appearance: base stylesheet #10866
Closed
@nt1m

Description

@nt1m

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:

  1. be completely identical in every browser
  2. be recognizable and usable on their own, without additional styling
  3. pass 100% of WCAG 2.2 AA standards
  4. be consistent across controls
    1. in look & feel
    2. how they are defined in code
    3. in sizing and interaction
  5. be easily morphed into the site’s branding, without needing complex reset stylesheets
    1. use minimal code and be easy to override
    2. not have a strong voice & tone of their own, be visually as simple as possible
    3. inherit page styles rather than define new styles whenever possible
    4. be straightforward and non-hacky, easy to understand
    5. be resilient to adjustments
      1. when changed itself (e.g. changing font, border, layout)
      2. when put in context (e.g. ready to be flex or grid children)
  6. be comprehensive
    1. covering all states for each control
    2. supporting all writing modes and color schemes

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0