bug: Properties don't support rich text
Prerequisites | Prérequis
- [x] I have read the Contributing Guidelines. | J’ai lu les Lignes directrices sur les contributions.
- [x] I agree to follow the Code of Conduct. | J’accepte de me conformer au Code de conduite.
- [x] I have searched for existing issues that already report this problem, without success. | J’ai vérifié parmi les tickets (issues) existants que ce sujet n’avait pas déjà été soumis.
GC Design System Components Package and Version | Paquet et version des composants de Système de design GC
gcds-components@latest
Current Behavior | Comportement observé
Currently every component (that I've try with so far, eg. card, input) that accepts text in a property (not a slot) that will be displayed to the user only accepts plain text. This means I can't provide some critical elements specifically an abbr tag around acronyms, that would be redundant and a nuisance to development and users to spell out every time in every place.
Expected Behavior | Comportement attendu
Have properties accept rich text, or move them to slots.
System Info | Information sur le système
Steps to Reproduce | Étapes pour reproduire le bogue
<gcds-card card-title="Statement of Account (<abbr title='British Columbia Training & Education Savings Grant'>BCTESG</abbr>) - Beneficiary or Parent"
card-title-tag="h2"
href="#"
badge="<abbr title='Content Managment Solution'>CMS</abbr>"
description="To produce a <abbr title='British Columbia Training & Education Savings Grant'>BCTESG</abbr> statement of account for a beneficiary or parent.">
</gcds-card>
In this case, the badge doesn't even render.
Code Reproduction URL | URL de reproduction du code
No response
Additional Information | Informations supplémentaires
I saw some other feature requests for more specific and targeted use cases (such as #935) however as a key accessibility feature is missing for including proper abbreviation information, a bug seems more appropriate.
@s-laugh Thanks for reporting this. While admittedly it presents itself as an accessibility issue or bug when used with an abbreviation, at the moment abbreviations are not supported in these properties. I've added the feature request label as well so the team can look at all the ways of supporting abbreviations and how they can be more accessible.