// SVGs
//
// SVGs are scalable vector graphics and can be made used for icons, images, logos, etc. SVG content is scalable and scales without any reduction in visual quality.
//
//  - The best way to make SVGs accessible to Assistive Technologies (AT) like screen readers and speech recognition tools is to put it directly into your HTML using the `<svg>` tag
//  - Avoid using `<embed>`, `<object>`, or `<img>` elements as they are not as supported by browsers as inline SVG
//  - Include a `<title>` and `<description>` in your SVG markup
//  - Use `aria-labelledby=""` and reference the id values of the title and description elements
//  - Give your SVGs a job with the `role=""` attribute
//  - To “hide” elements from a screen reader in an SVG add `role="presentation"`
//
// <section data-action="aria-toggle" class="atblock"><h3 class="atblock__title"><a href="#svg_res">Resources</a></h3><div id="svg_res" class="atblock__panel"><ul><li><a href="https://www.sitepoint.com/tips-accessible-svg" target="_blank">Tips for Creating Accessible SVG</a></li><li><a href="https://css-tricks.com/accessible-svgs" target="_blank">Accessible SVGs</a></li></ul></div></section>
//
//
//
// <section data-action="aria-toggle" class="atblock"><h3 class="atblock__title"><a href="#svg_guide">WCAG 2.1 Guidelines</a></h3><div id="svg_guide" class="atblock__panel guidelines"><p><a href="https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=131#text-equiv-all" target="_blank">1.1.1 Non-text Content</a> - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose (some exceptions). (Level A)<br><br><strong>Note:</strong> If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it does not need text alternatives.<br><br><a href="https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=131#visual-audio-contrast-contrast" target="_blank">1.4.3 Contrast (Minimum)</a> - The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 (some exceptions). (Level AA)<br><br><a href="https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=131#visual-audio-contrast-text-presentation" target="_blank">1.4.5 Images of Text</a> - If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text (some exceptions). (Level AA)</p></div><div class="markup"></div></section>
//
//
//
// Markup: svgs.twig
//
// Style guide: Media.svgs

// Import site utilities.
@import '../../global/utils/init';
