ソリューションと歓声はユーザーカード上でかなり大きく表示されます

Moin · 2024 年 7 月 16 日午後 10:25

“Cheers” and “Solutions” are larger than the other information:

This image shows an excerpt from a user card, displaying the user's join date, number of "cheers" or likes received, solutions provided, and preferred pronouns "she/her". (Captioned by AI)

Lilly · 2024 年 7 月 16 日午後 10:52

Yea looks like there are <h3> header tags around those but not the other labels:

Moin · 2024 年 7 月 16 日午後 11:05

I think the others were removed in

github.com/discourse/discourse

A11Y: remove heading tags from usercards

discourse:main ← discourse:a11y-heading-usercard

opened 05:53PM - 15 Jul 24 UTC

awesomerobot

+80 -72

This removes the headings (h1, h2, h3) from the user and group cards, headings d…on't make sense in this context because they don't contribute to the overall document structure and can interfere with screenreader navigation. Visual styles here shouldn't change... Before: ![image](https://github.com/user-attachments/assets/2a9fe47c-b234-4e4c-b925-6faa273a0066) After: ![image](https://github.com/user-attachments/assets/ea8da9f1-c3a5-45fe-bc79-716c641c93c5) I did fix a couple of related issues while I was at it... * in the "before" you can see how "cheers" from a plugin wraps to the next line too early, this will no longer be the case * the group cards were attempting to use some custom properties like `--avatar-width` but these were only scoped to the user card, so I added the group-card class there to remedy that * `h3.user-status` was hanging out without a parent selector, so it was destined to cause class name collisions... I moved it to be scoped within `user-card` * added class names to the metadata divs

awesomerobot · 2024 年 7 月 17 日午後 7:08

I’ve got some follow-up fixes for these in:

A11Y: remove heading tag from usercard stat by awesomerobot · Pull Request #299 · discourse/discourse-solved · GitHub
A11Y: remove heading tag from usercard stat by awesomerobot · Pull Request #148 · discourse/discourse-gamification · GitHub
A11Y: remove heading tag from usercard stat by awesomerobot · Pull Request #117 · discourse/discourse-follow · GitHub

JammyDodger · 2024 年 7 月 21 日午後 6:11

This topic was automatically closed after 3 days. New replies are no longer allowed.

トピック		返信	表示
User card badges are stacked, not in a grid UX user-card	2	46	2025 年 9 月 20 日
User card not left-aligned, causing it to go past the header width UX user-card-directory	1	40	2025 年 4 月 28 日
Usercard Redesign Experiment Feature user-card	129	6834	2024 年 7 月 18 日
New user cards and user profile page design deployed Feature	63	8424	2015 年 7 月 3 日
Add description to group cards UX	10	1027	2019 年 4 月 24 日

ソリューションと歓声はユーザーカード上でかなり大きく表示されます

関連トピック