{"component":{"aria":"Quality badge: non-interactive <span> with aria-label containing the full grade name ('Article quality: Featured article'). Abbreviated display text (e.g., 'FA') is acceptable visually since aria-label supplies the full name. Category tag: standard <a href>; no additional ARIA needed.","category":"wiki","css":".ps-wiki-badge { display: inline-flex; align-items: center; padding: 0.1em var(--pds-space-1); border-radius: var(--pds-radius-xs); font-size: 0.75rem; font-weight: 600; white-space: nowrap; }\n.ps-wiki-badge--featured { background-color: var(--pds-status-warn); color: var(--pds-text-on-color); }\n.ps-wiki-badge--good { background-color: var(--pds-status-success); color: var(--pds-text-on-color); }\n.ps-wiki-badge--a-class { background-color: var(--pds-brand-blue-60); color: var(--pds-text-on-color); }\n.ps-wiki-badge--b-class { background-color: var(--pds-brand-blue-50); color: var(--pds-text-on-color); }\n.ps-wiki-badge--c-class, .ps-wiki-badge--stub { background-color: var(--pds-surface-layer-accent); color: var(--pds-text-secondary); }\n.ps-wiki-tag { display: inline-flex; align-items: center; padding: 0.1em var(--pds-space-1); border-radius: var(--pds-radius-xs); font-size: 0.8125rem; color: var(--pds-link); border: 1px solid var(--pds-border-subtle); text-decoration: none; }","description":"Dual-purpose chip: (1) article quality grade (Featured/Good/A/B/C/Stub), (2) category tag links. Inline, pill-shaped. Used by wiki-article-header (quality badge) and wiki-article-footer (category tags).","display_name":"Wiki Badge / Tag","html":"<!-- Quality grade badge (non-interactive) -->\n<span class=\"ps-wiki-badge ps-wiki-badge--{{grade}}\" aria-label=\"Article quality: {{grade-label}}\">{{grade-label}}</span>\n\n<!-- Category tag (interactive link) -->\n<a class=\"ps-wiki-tag\" href=\"/category/{{slug}}\">{{label}}</a>","name":"wiki-badge-tag","registry_type":"component","research_links":[],"tabs_available":[],"variants":[{"css_class":"","description":"Non-interactive <span> with grade color and aria-label.","html":"","name":"quality-grade","tokens":[]},{"css_class":"","description":"Interactive <a> link to category page.","html":"","name":"category-tag","tokens":[]}],"wcag":{"target":"2.2 AA"}},"tenant":"pointsav","theme":"pointsav-brand"}