Subject being a span with font-style: italic is against semantics and breaks East Asian characters #1295

Open
opened 2024-01-10 16:40:08 +00:00 by ncts · 0 comments
Member

Currently the post subject is represented as a div.StatusBody > div.body > div.summary-wrapper > span.summary that has

/* src/components/status_body/status_body.scss */
.StatudBody .summary {
    font-style: italic;
}

Quote the user guide (emphases mine):

Subject line also known as CW (Content Warning) could be used as a header to the post and/or to warn others about contents of the post having something that might upset somebody or something among those lines. Several applications allow to hide post content leaving only subject line visible. Using a subject line will not mark your images as sensitive, you will have to do that explicitly (see above).

Another word for subject in this context is title or heading. In HTML that means <h1> to <h6>. The use of italics may be a historical inheritance when it acted solely as a content warning where italics are appropriate, I guess. Even in that sense I'd argue a heading is good enough.

It's also noteworthy that italics, often "mis"-called 斜体 (lit. slanted/sloped font) because of its sloped appearance, completely ruins Chinese and other East Asian characters, due to the fact that, because of their complexity and construction and artistic principles, it's unacceptable to slant them, so quotes are traditionally expressed with another typeface or simply indented; and modern computer typesetting/rendering software, based on Latin scripts, have an italics -> oblique -> automated oblique system, where East Asian typefaces, with obviously no italics or oblique variants, are "automatically obliqued" and look terrible.

It's probably better to use a <h2> (considering multiple <h1>s is discouraged).

Currently the post subject is represented as a `div.StatusBody > div.body > div.summary-wrapper > span.summary` that [has](https://git.pleroma.social/pleroma/pleroma-fe/-/blob/bdf46eca5ae73b0f12b755774cd901854c814522/src/components/status_body/status_body.scss#L27) ```css /* src/components/status_body/status_body.scss */ .StatudBody .summary { font-style: italic; } ``` Quote the [user guide](https://docs-develop.pleroma.social/frontend/user_guide/posting_reading_basic_functions/) (emphases mine): > Subject line also known as CW (Content Warning) could be used as a **header to the post** and/or to warn others about contents of the post having something that might upset somebody or something among those lines. Several applications allow to hide post content leaving only subject line visible. **Using a subject line will not mark your images as sensitive**, you will have to do that explicitly (see above). Another word for subject in this context is title or heading. In HTML that means `<h1>` to `<h6>`. The use of italics may be a historical inheritance when it acted solely as a content warning where italics are appropriate, I guess. Even in that sense I'd argue a heading is good enough. It's also noteworthy that italics, often "mis"-called 斜体 (lit. slanted/sloped font) because of its sloped appearance, completely _ruins_ Chinese and other East Asian characters, due to the fact that, because of their complexity and construction and artistic principles, it's unacceptable to slant them, so quotes are traditionally expressed with another typeface or simply indented; and modern computer typesetting/rendering software, based on Latin scripts, have an italics -> oblique -> automated oblique system, where East Asian typefaces, with obviously no italics or oblique variants, are "automatically obliqued" and look terrible. It's probably better to use a `<h2>` (considering multiple `<h1>`s is discouraged).
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
pleroma/pleroma-fe#1295
No description provided.