Soluções e comemorações aparecem bastante grandes nos cartões de usuário

Moin · Julho 16, 2024, 10:25pm

“Cheers” e “Solutions” são maiores que as outras informações:

Lilly · Julho 16, 2024, 10:52pm

Sim, parece que há tags de cabeçalho <h3> em volta delas, mas não nos outros rótulos:

Moin · Julho 16, 2024, 11:05pm

Eu acho que os outros foram removidos em

github.com/discourse/discourse

A11Y: remove heading tags from usercards

main ← 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 · Julho 17, 2024, 7:08pm

Tenho algumas correções de acompanhamento para estas em:

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 · Julho 21, 2024, 6:11pm

Este tópico foi fechado automaticamente após 3 dias. Novas respostas não são mais permitidas.

Tópico		Respostas	Visualizações
User card badges are stacked, not in a grid UX user-card	2	52	20 de Setembro de 2025
User card not left-aligned, causing it to go past the header width UX user-card-directory	1	42	28 de Abril de 2025
Usercard Redesign Experiment Feature user-card	129	6864	18 de Julho de 2024
New user cards and user profile page design deployed Feature	63	8435	3 de Julho de 2015
Add description to group cards UX	10	1028	24 de Abril de 2019

Soluções e comemorações aparecem bastante grandes nos cartões de usuário

Tópicos relacionados