Variants
Example of VRT Logo - default
<span class="bc-vrt-logo"> <abbr class="bc-helper-sronly" title="Vulnerability Rating Taxonomy"> VRT </abbr> </span>
React documentation
Last modified:
ℹ️ This feature doesn’t have a corresponding React component yet.
HTML
Last modified:
Add bc-vrt-logo to a <span> element.
Design
Last modified:
The default, --small and --large size variants feature square viewports, sized in rems.
The --inline variant is rectangular and is sized in ems to scale with the inlined text it precedes.
Avoid combining the size variants with the inline variant — instead scale the containing element for the inlined text.
Accessibility
Last modified:
- Use appropriate markup for the component
- Use the
<abbr>abbreviation tag to hold the ‘VRT’ text- Define the first instance of a
<abbr>with atitleattribute per<section>
- Define the first instance of a
- Apply the screen-reader only utility helper class to the nested
<abbr>
Rationale
Last modified:
Use to insert simple a SVG image of the VRT logo.
See also
Last modified: