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 atitle
attribute 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: