[csswg-drafts] [css-ui] Define design principles for `appearance: base` stylesheet (#10866)

nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] Define design principles for `appearance: base` stylesheet ==
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
3. pass 100% of [WCAG 2.2](https://www.w3.org/TR/WCAG22/) 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

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10866 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 10 September 2024 18:58:26 UTC