Guidelines: Space inside shape.

[jguddas]

There already is this rule:

Distinct elements must have 2 pixels of spacing between each other.

But there is no rule for holes inside shapes.

Proposal to make the gap 2 px as well

[karsa-mistmere]

These currently do qualify as separate elements and such holes must have a 2px space in preferably all dimensions, but the wording could certainly be improved upon.

[jguddas]

I like the 2px space in all dimensions guideline, it's not really followed for sharper (<90°) corners tho?

[jguddas]

does this make sens as good vs bad corners?

[karsa-mistmere]

I have reservations about making this a general rule, while it's a good guideline in the strictest sense of the word, I'd make it a suggestion at most, since while sharp corners are something to be avoided certainly not at all costs if sharp corners are a defining characteristic of a shape - the sharp corners may be exactly what's necessary to keep the icon legible.

[jguddas]

Definitely, legibility over consistency.

What I would love is a script that highlights those guideline violations / suggestion deviations (maybe even as a GH action).

Something like this:

[karsa-mistmere]

I think this perfectly illustrates why this should be just a suggestion, as in this particular case the suggestions are obviously the bad choice, since human leg, shoulder and arm joints aren't bendy like a rag doll. :)

[jguddas]

I have written a little script that generates a preview and highlights some errors.

• Arc that has a radius of less than 2px is highlighted
• Points that are outside the 2x2/22x22 bounding box are also highlighted to enforce the 1px barrier.

Issues in the accessibility.svg icon for example

• The head is small
• The body is not connected to the wheel
• The wheel could be simplified

Solution (without changing the head)

[karsa-mistmere]

Closing this as a duplicate of #650, I've referenced this issue to be considered when the guidelines are eventually rewritten.