{{!-- Using the trigger label as the tooltip label (can be repetitive for screen reader users) --}}
Tooltip label {{!-- @todo add aria-expanded once JavaScript can toggle it --}} {{!-- @todo use a button element once JavaScript can support it as the trigger (remove tabindex="0" and role="button") --}}
{{ carbon-icon 'Information16' }}
{{!-- @todo add aria-hidden once JavaScript can toggle it --}} {{!-- Tooltip with visible label within tooltip --}}
Tooltip label {{!-- @todo add aria-expanded once JavaScript can toggle it --}} {{!-- @todo use a button element once JavaScript can support it as the trigger (remove tabindex="0" and role="button") --}}
{{ carbon-icon 'Information16' }}
{{!-- @todo add aria-hidden once JavaScript can toggle it --}} {{!-- Tooltip without visible label (not recommended for WCAG 2.1) --}}
Tooltip label {{!-- @todo add aria-expanded once JavaScript can toggle it --}} {{!-- @todo use a button element once JavaScript can support it as the trigger (remove tabindex="0" and role="button") --}}
{{ carbon-icon 'Information16' }}
{{!-- @todo add aria-hidden once JavaScript can toggle it --}}