Search/

VRT Logo

Last modified:

The Vulnerability Rating Taxonomy (VRT) logotype.

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 a title attribute per <section>
  • 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: