CINXE.COM

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://blog.pope.tech/xmlrpc.php"> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>How to make charts and graphs more accessible - Pope Tech Blog</title> <link rel="canonical" href="https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to make charts and graphs more accessible - Pope Tech Blog" /> <meta property="og:description" content="Learn how to make charts and graphs more accessible." /> <meta property="og:url" content="https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/" /> <meta property="og:site_name" content="Pope Tech Blog" /> <meta property="article:publisher" content="https://www.facebook.com/PopeTechA11y/" /> <meta property="article:published_time" content="2023-08-31T14:45:28+00:00" /> <meta property="article:modified_time" content="2024-08-05T20:59:57+00:00" /> <meta property="og:image" content="https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-scaled.jpg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="629" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Whitney Lewis" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@PopeTechA11y" /> <meta name="twitter:site" content="@PopeTechA11y" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Whitney Lewis" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="13 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#article","isPartOf":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/"},"author":{"name":"Whitney Lewis","@id":"https://blog.pope.tech/#/schema/person/0e021eb2fc2af60266f605d8feec9254"},"headline":"How to make charts and graphs more accessible","datePublished":"2023-08-31T14:45:28+00:00","dateModified":"2024-08-05T20:59:57+00:00","mainEntityOfPage":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/"},"wordCount":2275,"publisher":{"@id":"https://blog.pope.tech/#organization"},"image":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#primaryimage"},"thumbnailUrl":"https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-scaled.jpg","keywords":["charts","data","graphs","lists","tables"],"articleSection":["Accessibility Articles"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/","url":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/","name":"How to make charts and graphs more accessible - Pope Tech Blog","isPartOf":{"@id":"https://blog.pope.tech/#website"},"primaryImageOfPage":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#primaryimage"},"image":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#primaryimage"},"thumbnailUrl":"https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-scaled.jpg","datePublished":"2023-08-31T14:45:28+00:00","dateModified":"2024-08-05T20:59:57+00:00","breadcrumb":{"@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#primaryimage","url":"https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-scaled.jpg","contentUrl":"https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-scaled.jpg","width":2560,"height":629},{"@type":"BreadcrumbList","@id":"https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://blog.pope.tech/"},{"@type":"ListItem","position":2,"name":"How to make charts and graphs more accessible"}]},{"@type":"WebSite","@id":"https://blog.pope.tech/#website","url":"https://blog.pope.tech/","name":"Pope Tech Blog","description":"Documentation, Release Notes, and Web Accessibility","publisher":{"@id":"https://blog.pope.tech/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://blog.pope.tech/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://blog.pope.tech/#organization","name":"Pope Tech Blog","url":"https://blog.pope.tech/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://blog.pope.tech/#/schema/logo/image/","url":"https://blog.pope.tech/wp-content/uploads/2023/04/popetech_blue-03.png","contentUrl":"https://blog.pope.tech/wp-content/uploads/2023/04/popetech_blue-03.png","width":225,"height":79,"caption":"Pope Tech Blog"},"image":{"@id":"https://blog.pope.tech/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/PopeTechA11y/","https://x.com/PopeTechA11y","https://www.linkedin.com/company/pope-tech/"]},{"@type":"Person","@id":"https://blog.pope.tech/#/schema/person/0e021eb2fc2af60266f605d8feec9254","name":"Whitney Lewis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://blog.pope.tech/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/442e8bb6ea3e46a269cf699b907a75f6?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/442e8bb6ea3e46a269cf699b907a75f6?s=96&d=mm&r=g","caption":"Whitney Lewis"},"url":"https://blog.pope.tech/author/whitney/"}]}</script>  <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Pope Tech Blog » Feed" href="https://blog.pope.tech/feed/" /> <link rel="alternate" type="application/rss+xml" title="Pope Tech Blog » Comments Feed" href="https://blog.pope.tech/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/blog.pope.tech\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://blog.pope.tech/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='convertkit-broadcasts-css' href='https://blog.pope.tech/wp-content/plugins/convertkit/resources/frontend/css/broadcasts.css?ver=2.6.8' type='text/css' media='all' /> <link rel='stylesheet' id='convertkit-button-css' href='https://blog.pope.tech/wp-content/plugins/convertkit/resources/frontend/css/button.css?ver=2.6.8' type='text/css' media='all' /> <link rel='stylesheet' id='convertkit-form-css' href='https://blog.pope.tech/wp-content/plugins/convertkit/resources/frontend/css/form.css?ver=2.6.8' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='checathlon-fonts-css' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C600%2C700%2C400i%2C600i%2C700i%7CLora%3A400%2C700%2C400i%2C700i&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='checathlon-style-css' href='https://blog.pope.tech/wp-content/themes/checathlon/style.min.css?ver=1.2.2' type='text/css' media='all' />   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-55XD57K" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["blog.pope.tech"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-55XD57K"); /* ]]> */ </script>  <link rel="https://api.w.org/" href="https://blog.pope.tech/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blog.pope.tech/wp-json/wp/v2/posts/7409" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blog.pope.tech/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel='shortlink' href='https://blog.pope.tech/?p=7409' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blog.pope.tech/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.pope.tech%2F2023%2F08%2F31%2Fhow-to-make-charts-and-graphs-more-accessible%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blog.pope.tech/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.pope.tech%2F2023%2F08%2F31%2Fhow-to-make-charts-and-graphs-more-accessible%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.141.0" /> <style type="text/css" id="custom-header-css">@media screen and (min-width: 1em) { .custom-header-image .site-header-wrap { background-image: url() } }.site-title { clip: rect(1px, 1px, 1px, 1px); position: absolute; }</style> <link rel="icon" href="https://blog.pope.tech/wp-content/uploads/2019/10/favicon.png" sizes="32x32" /> <link rel="icon" href="https://blog.pope.tech/wp-content/uploads/2019/10/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://blog.pope.tech/wp-content/uploads/2019/10/favicon.png" /> <meta name="msapplication-TileImage" content="https://blog.pope.tech/wp-content/uploads/2019/10/favicon.png" /> <style type="text/css" id="wp-custom-css"> a { color: #28632D; } .entry-terms a { border: 1px solid #28632D; } a:visited, a:active { color: #28632D; } a:hover, a:focus{ color: #133342; } .site-footer a:hover { border-bottom: 2px solid white; } .main-navigation .current-menu-ancestor>a, .main-navigation .current-menu-item>a, .main-navigation a:active, .menu-toggle:active { color: white; text-decoration: underline; transition: none; } .main-navigation a:focus, .main-navigation a:hover, .menu-toggle, .menu-toggle:focus, .menu-toggle:hover { color: white; border-bottom: 1px solid white; transition: none; } .main-navigation a { text-transform: none; } a.button, a.button:visited, button, input[type=button], input[type=reset], input[type=submit] { background-color: #28632D; } a.button:hover, a.button:focus, button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus{ background-color: #133342; } input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { border: 1px solid #4a4a4a; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { outline: 0; box-shadow: inset 0 1px 1px #202020,0 0 8px #133342; } .site-header { background-color: #133342; padding-top: 1em; padding-bottom: 1em; } .main-navigation a, .main-navigation a:visited { color: white; } .before-footer-widgets-wrapper .icon, .footer-widgets-wrapper { display: none; } body, .page-title, .entry-title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .page-header { padding-bottom: 1em; max-width: 100%; } .page-title { font-size: 1.5em; text-align: left; } a:focus { outline: #28632D dotted 2px; } .site-header-wrap a:focus, .screen-reader-text:focus, .site-footer a:focus { outline: #fff dotted 2px; } .announcement { background: #28632D; border-bottom: 1px solid #948b8b; } .announcement a { color: white; font-size: 1em; padding: .3em 0; display: block; text-align: center; text-decoration: none; transition: background .3s linear; } .announcement a:hover, .announcement a:focus { background: #133342; } .announcement a:hover:before, .announcement a:focus:before { background-image: url("https://pope.tech/img/p-icon-white.png"); background-size: 75%; } .custom-logo {width: 212px;} .type-post img, .type-post iframe { box-shadow: 0px 0px 11px 1px rgba(149, 148, 148, 0.8); padding: .34em; } .type-post .no-shadow, .type-post .no-shadow img, .type-post.post-467 img, .type-post.post-2443 img{ box-shadow: none; padding: 0; } .site-title { font-size: 14px; } #post-2133 .posted-on, #post-2133 .byline, #post-8101 .posted-on { display: none; } #post-8101 ~ .post-navigation, #post-8322 ~ .post-navigation, #post-8428 ~ .post-navigation, #post-8455 ~ .post-navigation, .tag-accessibility-framework ~ .post-navigation { display:none; } .category-pope-tech-guides .entry-inner-singular .entry-date, .category-pope-tech-guides .entry-inner-singular .byline { display: none; } .footer-widgets-wrapper .widget:not(.widget_nav_menu) a, .site-footer a { border: none; text-decoration: underline; } .before-footer-widgets-wrapper a:hover, .before-footer-widgets-wrapper:focus { text-decoration: underline; } .after-content-widget-area .widget:first-of-type .widget-title, .front-page-widget-area .widget:first-of-type .widget-title, .page-title, .title-font, blockquote{ font-family: inherit; } #commentform .comment-form-url { display: none; } .demo-schedule { text-align: center; } .demo-schedule .button { padding-bottom: .6rem; margin-bottom: 1.5rem; } .post-listing .entry-header-bg { overflow: hidden; position: relative; background: url('https://blog.pope.tech/wp-content/uploads/2021/03/p-white.png') #d4d4d4 no-repeat center; } .post-listing .entry-header-bg img { height: 100%; width: auto; max-width: initial; position: absolute; top: 0; left: -100%; right: -100%; margin: auto; } .post-listing .byline { float: right; } .post-listing, a.page-numbers{ position: relative; border: 1px solid #28632D; } .post-listing:hover, .post-listing:focus-within, a.page-numbers:hover, a.page-numbers:focus { border-color: #133342; box-shadow: 0 0 0 0.2rem #133342; } .post-listing:focus-within .read-more, .post-listing:hover .read-more{ color: #133342; border-color: #133342; } .post-listing .entry-title a:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .post-listing .read-more { color: #28632D; font-weight: bold; border-bottom: 1px solid #28632D; } .custom-logo { color: white; } .custom-logo-link:hover { box-shadow: 0 .1rem .01rem -.01rem #fff; } #page .column-half, #page .column-third, #page .column-two-thirds { margin-bottom: 2.75rem; display: flex; flex-wrap: wrap; } .home-header .search-form { margin: auto; } @media screen and (min-width: 62.875em){ #page .column-half, #page .column-third, #page .column-two-thirds { width: 50%; padding-left: 3.75rem; } } #page .column-third { width: 33.33%; } #page .column-third:nth-child(2), #page .column-third:nth-child(3) { padding-left: 2em; } @media screen and (max-width: 750px){ #page .column-third { width: 100%; padding-left: 0; } #page .column-third:nth-child(2), #page .column-third:nth-child(3) { padding-left: 0; } } #page .column-two-thirds { width: 66.66%; } #page .column-full { width: 100%; padding-left: 3.75rem; } .home-header .search-form { margin: initial; margin-left: auto; } #post-3633 .entry-content { max-width: 1140px; } .tag-monthly-focus .entry-content, .tag-accessibility-framework .entry-content, #post-4013 .entry-content { max-width: 1000px; } .custom-home h1 { margin-right: auto; } .custom-home .entry-inner, #post-3633 .entry-inner, #main .tag-monthly-focus .entry-inner, #main .tag-accessibility-framework .entry-inner, #post-4013 .entry-inner { min-height: 271px; } .custom-home .featured-posts .entry-header-bg, #post-3633 .featured-posts .entry-header-bg, #main .tag-monthly-focus .featured-posts .entry-header-bg, #main .tag-accessibility-framework .featured-posts .entry-header-bg, #post-4013 .featured-posts .entry-header-bg{ height: 157px; } .featured-posts .entry-title a { text-decoration: underline; } .custom-home .featured-posts .entry-inner, #post-3633 .featured-posts .entry-inner, #main .tag-monthly-focus .featured-posts .entry-inner, #post-4013 .featured-posts .entry-inner, #main .tag-accessibility-framework .featured-posts .entry-inner { padding: 1.5rem; font-size: 1rem; min-height: 157px } .home-header .search-submit { height: 2.63em; } .custom-home #content { padding-top: 4em; } .home-header h1 { border-bottom: 1px solid #afaeae; font-size: 1.5rem; padding-bottom: .3em; margin: auto; } .custom-home h2, #post-3633 h2, #main .tag-monthly-focus h2, #post-4013 h2 { font-size: 1.3rem; width: 100%; } #post-3633 .entry-content h3, #main .tag-monthly-focus .entry-content h3, #post-4013 .entry-content h3 { margin-top: 0; } #post-3633 article .entry-date, #main .tag-monthly-focus article .entry-date, #post-4013 article .entry-date, #main .tag-accessibility-framework article .entry-date { display: block; } #post-3633 .post-listing .entry-header-bg, #main .tag-monthly-focus .post-listing .entry-header-bg, #post-4013 .post-listing .entry-header-bg, #main .tag-accessibility-framework .post-listing .entry-header-bg { background: #133342; } #post-3633 .post-listing .entry-header-bg img{ padding: .5em; } #post-3633 .no-hover:hover, #main .tag-monthly-focus .no-hover:hover, #post-4013 .no-hover:hover, #main .tag-accessibility-framework .no-hover:hover { border: 1px solid #28632D; box-shadow: none; } .custom-home article, #post-3633 article, #main .tag-monthly-focus article, #post-4013 article, #main .tag-accessibility-framework article { background: white; width: 100%; padding: 0; } .custom-home .featured-post, #post-3633 .featured-post, #main .tag-monthly-focus .featured-post, #post-4013 .featured-post, #main .tag-accessibility-framework .featured-post { margin-bottom: 3em; } .custom-home .featured-posts .entry-inner .read-more, #post-3633 .featured-posts .entry-inner .read-more, #main .tag-monthly-focus .featured-posts .entry-inner .read-more, #post-4013 .featured-posts .entry-inner .read-more, #main .tag-accessibility-framework .featured-posts .entry-inner .read-more { margin-top: 1em; } .home-pre-footer .hentry .inner{ background: white; border: 1px solid #e2dcdc; padding: 2.5rem; display: flex; flex-wrap: wrap; } .align-center { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; } .no-margin { margin: 0; } .nav-links a { color: #28632D; } .nav-links a .post-title { color: #28632D; border-bottom: 1px solid #28632D; } .nav-links a:hover, .nav-links a:focus, .nav-links a .post-title:hover, .nav-links a .post-title:focus{ color: #133342; border-color: #133342; } #content{ overflow-x: hidden; } #post-3147 .wp-post-image, #post-3545 .entry-date, #post-3545 .byline, #post-3633 .entry-date, #post-3633 .byline, #post-3633 .post-thumbnail .wp-post-image, #main .tag-monthly-focus .entry-date, #main .tag-monthly-focus .byline, #main .tag-monthly-focus .post-thumbnail .wp-post-image, #post-4013 .entry-date, #post-4013 .byline, #post-4013 .post-thumbnail .wp-post-image, .tag-accessibility-framework .byline, .tag-accessibility-framework .entry-media { display:none; } .category-pope-tech-update-notes .byline { display: none; } .page-template-default .site-content, .single .site-content { background-color: #f2f2f2; background-image: none; } #post-3545 table, #post-3545 th, #post-3545 td, #post-4314 th, #post-4314 td, #post-4746 table, #post-4746 th, #post-4746 td, .table-border { border: 1px solid #000; } #post-3545 figcaption { font-size: 14px; margin-top: -20px; padding-top: 0px; } #post-3545 .wp-image-3780, #post-3545 .wp-image-3786, #post-3545 .wp-image-3788, #post-3857 .wp-image-3997, #post-3633 .wp-image-3998, #post-3633 .wp-image-4050, #post-3857 .wp-image-4050, #post-3712 .wp-image-4050, #post-3712 .wp-image-4090, #post-3712 .wp-image-4303, #post-4103 .wp-image-4303, #post-4103 .wp-image-4090, #post-4103 .wp-image-4050, #post-4146 .wp-image-4148, #post-4146 .wp-image-4050, #post-4351 .wp-image-4050, #post-4351 .wp-image-4354, #post-4314 .wp-image-4303, #post-4497 .wp-image-4050, #post-4351 .wp-image-4090, #post-4314 .wp-image-4050, #post-4314 .wp-image-4090, #post-4394 .wp-image-4050, #post-4394 .wp-image-4090 { box-shadow: none; padding: 0em; } #content .highlight-month .column-third { width: 100%; } #content .highlight-month .entry-inner { width: 70%; float: left; } #page #content .highlight-month .entry-header-bg { width: 30%; float: left; height: 100%; } @media screen and (max-width: 62.875em){ #content .highlight-month .entry-inner { width: 100% } #page #content .highlight-month .entry-header-bg { width: 100%; height: 270px; } } .blockquote-style { color: #1f1f1f; font-style: normal; font-weight: 500; font-size: 1rem; margin-bottom: 2em!important; } .blockquote-style p { margin-bottom: .5em; } .blockquote-style cite { display: block; } .formkit-form input { max-width: 450px; } .postid-4013 .nav-links, #post-4013 .entry-footer { display: none; } .column-background { background-color: #fff; padding: 1em; } .margin-bottom { margin-bottom:1.66666666667em; } .no-margin-bottom { margin-bottom:0; } .updated:not(.published) { display: inline-block; } .single .posted-on { color: #6c6c6c; font-size: .9em; } .author a { text-decoration: underline; } .green-box-border { border: 1px solid #28632D; } code { background: white; padding: 1em; } .margin-top { margin-top:1em!important; } .tag-accessibility-framework .entry-content { position:relative!important; } .skip-framework-menu:focus { top: 100px!important; left: 150px!important; outline-offset: -2px; } @media screen and (max-width: 626px) { .skip-framework-menu:focus { top: 140px!important; left: 50px!important; outline-offset: -2px; } } @media screen and (max-width: 563px) { .skip-framework-menu:focus { top: 180px!important; left: 50px!important; outline-offset: -2px; } } @media screen and (max-width: 355px) { .skip-framework-menu:focus { top: 180px!important; left: 50px!important; outline-offset: -2px; } } @media screen and (max-width: 355px) { .skip-framework-menu-2:focus { top: 180px!important; left: 50px!important; outline-offset: -2px; } } .skip-framework-menu-2:focus { top: -30px!important; left: 100px!important; outline-offset: -2px; } body, button, input, select, textarea { word-wrap: normal; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; table-layout: unset; } .table td, .table th { padding: .75em; } .footer-inner { padding: 3em 2.5rem 0; background: #0C3344; } .footer-inner img { width: 350px; margin-bottom: 3em; height: initial; } .footer-inner .main-width { max-width: 1100px; } .site-footer { padding: 0; font-size: .9em; } .site-info { background: #04222D; padding: 1.3em 0; text-align: center; font-size: .8em; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled li { line-height: 1.2em; } .list-unstyled a { padding: 0.25em 0; display: inline-block; border-bottom: 2px solid transparent; } #page .site-footer .column-half { display: block; margin-bottom: 0; } .site-footer nav ul { display: flex; flex-direction: column; flex-wrap: wrap; height: 7em; } @media screen and (max-width: 485px) { .site-footer nav ul { height: auto; } } .site-footer a, .site-footer a:visited { color: white; } #main-nav-inner { background-color: #ddeef4; box-shadow: 0 0 15px #0003; position: relative; z-index: 9999999; padding: 0 2.5rem; } #main-nav-inner > .main-width { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #main-nav .navbar-brand { padding: .85em 1em; margin-left: -1em; display: inline-block; } #main-nav .navbar-brand img { width: 42px; vertical-align: middle; } #main-nav button { display: none; font-weight: 400; margin: 0; line-height: 1; padding: 6px 8px; color: #000; border: none 0; font-size: .75em; text-decoration: none; text-transform: uppercase; background: none; font-size: 1.1em; border-radius: 26px; } #main-nav button:hover, #main-nav button:focus { box-shadow: 0 0 0 3px; } #main-nav #main-nav-collapse { display: flex; flex-basis: auto; flex-grow: 1; align-items: center; } @media screen and (max-width: 900px) { #main-nav #main-nav-collapse { display: none; } #main-nav #main-nav-collapse { flex-basis: 100%; } #main-nav #main-nav-collapse ul { width: 100%; display: block; text-align: center; } #main-nav #main-nav-collapse.show { display: block; } #main-nav #main-nav-collapse a{ display: inline-block; padding: .5em 1em; } #main-nav #main-nav-collapse .btn { padding: .3em 1em; margin: .5em auto; } #main-nav button { display: block; } #main-nav #main-nav-inner { padding: 0 .5em; } } #main-nav .navbar-nav { margin: 0 0 0 auto; display: flex; align-items: center; flex-direction: row; } #main-nav .navbar-nav > li > a { padding: 1em 1.5em .9em; color: black; border-bottom: 3px solid transparent; font-weight: 700; margin: 0; font-size: 1.1em; } #main-nav .navbar-nav > li > a:hover, #main-nav .navbar-nav > li > a:focus { text-decoration: underline; color: #28632d; } #main-nav .navbar-nav > li > .active { text-decoration: underline; color: #28632d; } #main-nav .navbar-nav > li > .btn { background: #28632D; border-color: #28632d; display: inline-block; white-space: nowrap; padding: 0.1em 0.45em; border-bottom: unset; font-weight: 700; color: #fff; margin: .9em 4px 1em; font-size: 1.1em; border-radius: 26px; } #main-nav .navbar-nav > li > .btn:hover, #main-nav .navbar-nav > li > .btn:focus { color: white; } #main-nav .subnav { width: 100%; background: #C0D8E1; margin: 0; font-size: .8em; } #main-nav .subnav .main-width { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 0 } #main-nav .subnav a { font-weight: 700; white-space: nowrap; line-height: 3rem; padding: 0 1rem; display: block; text-decoration: none; color: #133342; background-color: #c0d9e2; } #main-nav .subnav a:hover, #main-nav .subnav a:focus, #main-nav .subnav .active { background-color: #ddeef4; } #main-nav .subnav li { flex-grow: 1; text-align: center; border-right: solid 2px #13334233; } #main-nav .subnav li:last-child { border: none; } #main-nav nav li { list-style: none; } @media screen and (max-width: 650px) { #main-nav .subnav .main-width { display: block; border: none; } #main-nav .subnav li { border: none; } } .no-margin-top { margin-top:0!important; } .blue-border { border-style: solid; border-color: #113342; padding: 15px; border-width: medium; } .green-border { border-style: solid; border-color: #28632D; padding: 15px; border-width: medium; } #post-9590 .published, #post-9590 .posted-on, #post-9606 .published, #post-9606 .posted-on, #post-9606 .byline, #post-9606 .entry-categories-wrapper, #post-9606 + .post-navigation, #post-9612 .published, #post-9612 .posted-on, #post-9612 .byline, #post-9612 .entry-categories-wrapper, #post-9612 + .post-navigation { display:none; } #post-10121 .entry-header, #post-10121 .entry-footer{ display: none; } </style> </head> <body class="post-template-default single single-post postid-7409 single-format-standard wp-custom-logo group-blog no-header-text before-footer-widgets-many before-footer-widgets-3 footer-widgets-0"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="main-nav" class="clearfix"> <nav aria-label="Main Navigation"> <div id="main-nav-inner"> <div class="main-width"> <a href="https://pope.tech" class="navbar-brand"> <img src="https://pope.tech/img/popetech-2.svg" alt="Pope Tech"> </a> <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#main-nav-collapse" aria-expanded="false" aria-controls="main-nav-collapse"> <span class="menu-toggle-svg-wrapper" id="menu-toggle-svg-wrapper"> <svg class="icon icon-menu-toggle" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"> <g class="svg-menu-toggle"> <path class="bar line-1" d="M5 13h90v14H5z"/> <path class="bar line-2" d="M5 43h90v14H5z"/> <path class="bar line-3" d="M5 73h90v14H5z"/> </g> </svg> </span> Menu </button> <div id="main-nav-collapse" class="collapse navbar-collapse"> <ul class="navbar-nav clearfix"> <li> <a id="websitesNavLink" href="https://pope.tech/websites">Websites</a> </li> <li><a href="https://pope.tech/courses" class="">Courses</a></li> <li> <a href="/" class=" active" aria-current="true">Resources</a> </li> <li><a href="https://pope.tech/demo" class="btn btn-primary ">Schedule a Demo</a></li> <li><a href="https://app.pope.tech" class="btn btn-primary">Login</a></li> </ul> </div> </div> </div> <div class="subnav"> <ul class="main-width"> <li><a href="https://app.pope.tech/help-center">Help Center</a></li> <li><a href="https://app.pope.tech/result-documentation">Result Documentation</a></li> <li><a href="https://blog.pope.tech/category/accessibility-articles/" class="">Accessibility Articles</a></li> </ul> </div> </nav> </header>  <div id="content" class="site-content"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-7409" class="post-7409 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility-articles tag-charts tag-data tag-graphs tag-lists tag-tables"> <div class="entry-inner-singular"> <header class="entry-header page-header text-center"> <span class="posted-on"><span class="published"></span> <span>Updated: </span><time class="updated" datetime="2024-08-05T14:59:57-06:00">August 5, 2024</time></span><h1 class="entry-title title-font text-italic">How to make charts and graphs more accessible</h1><span class="byline"> by <span class="author vcard"><a class="url fn n soft-color" href="https://blog.pope.tech/author/whitney/">Whitney Lewis</a></span></span> </header> <div class="entry-media post-thumbnail post-thumbnail-singular"> <img width="1240" height="305" src="https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-1240x305.jpg" class="attachment-checathlon-singular size-checathlon-singular wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-1240x305.jpg 1240w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-300x74.jpg 300w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-1024x252.jpg 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-768x189.jpg 768w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-1536x377.jpg 1536w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-2048x503.jpg 2048w, https://blog.pope.tech/wp-content/uploads/2023/08/charts_tables-01-1080x265.jpg 1080w" sizes="(max-width: 1240px) 100vw, 1240px" /> </div> <div class="entry-inner-singular-wrapper"> <div class="entry-inner-content"> <div class="entry-content"> <p>Charts and graphs are powerful tools that help us understand complex information at a glance, so we can easily come to conclusions about that data and make informed decisions. Each data point comes together to communicate a trend or opportunity. </p> <p>For example, the graph below is on fruit sales. By looking at it, it’s clear that grapes have done the best and blueberries have done the worst. </p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-full is-resized"><img decoding="async" width="700" height="400" src="https://blog.pope.tech/wp-content/uploads/2023/08/Fruit-sales-by-unit.png" alt="" class="wp-image-7435" style="width:582px;height:332px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Fruit-sales-by-unit.png 700w, https://blog.pope.tech/wp-content/uploads/2023/08/Fruit-sales-by-unit-300x171.png 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure></div> <p>But, not everyone uses a graph or chart visually. Some users have a screen reader announcing individual data points to them. </p> <p>No matter how a user interacts with data, the goal is to make sure everyone can perceive the trend or information the data conveys.</p> <hr class="wp-block-separator has-alpha-channel-opacity"/> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image no-shadow"> <figure class="aligncenter size-full is-resized"><img decoding="async" width="631" height="415" src="https://blog.pope.tech/wp-content/uploads/2022/05/videoplay.png" alt="" class="wp-image-4303" style="width:186px;height:122px"/></figure></div></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <p>Rather watch the video? Watch <a href="https://www.youtube.com/watch?v=KcDyUm6WhLQ&list=PLl4N9bkQPE84J3VEEX0rcUsSyROWCV1Gn&index=32">Accessible data visualizations (charts and graphs)</a>.</p> </div> </div> <hr class="wp-block-separator has-alpha-channel-opacity"/> <p>In this article, we’ll start with what charts and graphs need to be considered accessible. But, just because it’s accessible, doesn’t mean it’s the best user experience for all types of users. So, we’ll also go over opportunities for creating more usable data visualizations.</p> <div id="top1"></div> <div id="top2"></div> <div id="top3"></div> <div id="top4"></div> <div id="top5"></div> <div id="top6"></div> <div id="top7"></div> <div id="top8"></div> <div id="top9"></div> <ul class="wp-block-list"> <li><a href="#static">Accessible static data visualizations</a></li> <li><a href="#dynamic">Dynamic data visualizations explained</a></li> <li><a href="#accessible">Accessible dynamic charts and graphs</a></li> <li><a href="#opportunities">Opportunities for more usable dynamic data visualizations</a> <ul class="wp-block-list"> <li>Give tabular data</li> <li>Introduce the visualization </li> <li>Goal-oriented data visualizations</li> <li>Filter options</li> </ul> </li> </ul> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading" id="static">Accessible static data visualizations</h2> <p>Static data visualizations are images of charts and graphs. So, the Fruit Sales chart above is a static graph. There are three strategies to make static images of visualizations more accessible.</p> <h3 class="wp-block-heading">Alternative text</h3> <p>The first is with <a href="https://blog.pope.tech/2022/04/06/alternative-text-training-resources/">alternative text</a>. The alternative text should describe the visualization’s purpose. That could be one or multiple trends depending on the context.</p> <p>Let’s go back to our Fruit Sales static graph. The alternative text could be different depending on the purpose of the graph. In these cases, it also makes sense for the alternative text to be longer to make sure the user gets the information they need.</p> <p>If the purpose is to identify the fruit that’s selling the least, the alternative text could be: <em>Blueberries sold the least at 60 units. They’re 40 units below the next fruit, which is watermelons at 100 units</em>.</p> <div class="wp-block-image"> <figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="700" height="400" src="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-3.png" alt="" class="wp-image-7462" style="width:347px;height:198px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-3.png 700w, https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-3-300x171.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure></div> <p>Now let’s pretend the context is just a general overview of sales. The alternative text would change to be something like: <em>Fruit sales bar graph. Sales range from blueberries at 60 units to grapes at 175 units. Peaches, apples, watermelons, pears, and strawberries range from 100 to 120 units.</em></p> <p>When the chart or graph has several data points, it’s not realistic to put every point in the alternative text. That’s why it’s important to understand the question you’re trying to answer in the context. </p> <h3 class="wp-block-heading">Give tabular data</h3> <p>Alternative text isn’t great at giving every data point. Pairing alternative text with a <a href="https://blog.pope.tech/2023/08/22/beginners-guide-to-accessible-tables/">table of the data</a> means the user now gets the trend and each data point to explore further if they want.</p> <p>If I were to include the tabular data for the fruit sales, it would be like this:</p> <style> table, th, td { border: 1px solid black; } </style> <table> <caption>Fruit sales by units</caption> <tr> <th scope="col" style="width:23%;">Fruit</th> <th scope="col" style="width:30%;">Units sold</th> </tr> <tr> <td>Peaches</td> <td>125</td> </tr> <tr> <td>Apples</td> <td>110</td> </tr> <tr> <td>Watermelon</td> <td>100</td> </tr> <tr> <td>Pears</td> <td>105</td> </tr> <tr> <td>Blueberries</td> <td>60</td> </tr> <tr> <td>Strawberry</td> <td>120</td> </tr> <tr> <td>Grapes</td> <td>175</td> </tr> </table> <h3 class="wp-block-heading" id="color-considerations">Color considerations</h3> <p>Lastly, any visual should follow contrast and color use requirements so all types of visual users can properly see it. Contrast and color use requirements for visualizations are:</p> <ul class="wp-block-list"> <li><strong>The <a href="https://blog.pope.tech/2022/11/08/accessibility-contrast-requirements-explained-and-how-to-fix-5-common-low-contrast-issues/">contrast</a> between colors in a graphical element are at least a 3:1 ratio.</strong> The ratio between the blue and green bars in the graph below is only 1.39:1, so there’s not enough contrast. The bars also need a 3:1 ratio with the white background color. </li> <li><strong>Color shouldn’t be the only way to communicate information.</strong> For example in the bar graph below, color is the only way to tell which bars are for fruits and which bars are for vegetables. Patterns or text could be added to the bars to add another way to differentiate between them.</li> </ul> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="700" height="400" src="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-1.png" alt="" class="wp-image-7463" style="width:431px;height:246px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-1.png 700w, https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-1-300x171.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure></div> <p>To fix this bar graph, I adjusted the colors so there’s more contrast with each other. I also added white spacing between the bars. Then, the bars only need a 3:1 ratio with white. Lastly, I added text to the bars to differentiate which ones are fruit and which ones are vegetables.</p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="700" height="400" src="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-updated.png" alt="" class="wp-image-7460" style="width:462px;height:264px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-updated.png 700w, https://blog.pope.tech/wp-content/uploads/2023/08/Fruits-and-vegetables-sold-by-unit-2-updated-300x171.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure></div> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading" id="dynamic">Dynamic data visualizations explained</h2> <p>Dynamic visualizations are a more interactive experience. This means they have more considerations when it comes to accessibility and usability.</p> <p>Let’s start with what we mean by dynamic. Dynamic data visualizations are charts and graphs that pull in data. They also have some sort of interactions like tool-tips when focusing, selections, or filters. </p> <p>For example in the Errors by Group bar graph below, the visualization updates as the data updates. I can also choose to display Errors, Alerts, or Pages and hover over bars to get the specific data point. </p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="787" src="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1024x787.png" alt="" class="wp-image-7423" style="width:440px;height:338px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1024x787.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-300x230.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-768x590.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1080x830.png 1080w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM.png 1174w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure></div> <p>We’ll focus on making dynamic visualizations more accessible and usable in the rest of the article.</p> <p class="has-small-font-size"><a href="#top1">Back to top</a></p> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading" id="accessible">Accessible dynamic charts and graphs </h2> <p>Accessible dynamic charts and graphs should follow accessibility color requirements, be navigable using only a keyboard, and consider how a screen reader announces data points.</p> <h3 class="wp-block-heading">Color considerations</h3> <p>Just like with static data visualization, dynamic charts and graphs must meet contrast requirements. Review the <a href="#color-considerations">color considerations</a> above for the requirements.</p> <h3 class="wp-block-heading">Keyboard interactions </h3> <p>To be <a href="https://webaim.org/techniques/keyboard/">keyboard accessible</a>, a user should be able to interact with every part of the visualization that a mouse user can with only a keyboard.</p> <p>There isn’t a standard for how a keyboard should interact with a dynamic visualization. But, it should follow typical keyboard interactions like:</p> <ul class="wp-block-list"> <li><kbd>Tab</kbd> goes through interactive elements like links and buttons.</li> <li><kbd>Arrow keys</kbd> navigate through options within an element. For example, options in a filter dropdown box or multiple tabs for different views.</li> <li><kbd>Spacebar/Enter</kbd> activates links and buttons or makes a selection.</li> </ul> <h3 class="wp-block-heading">What a screen reader announces </h3> <p>There isn’t a unique standard for charts when it comes to what a screen reader announces. But, they should follow the same<a href="https://webaim.org/articles/label-name/"> label accessibility standards</a> as other elements.</p> <p>It’s important to make sure each data point makes sense on its own when announced by a screen reader. This could mean that the y-axis, x-axis, and any legend information are read aloud for each data point.</p> <p>For example, the line chart below shows the most common desktop screen readers used from December 2010 – September 2019. When Mac’s VoiceOver screen reader focuses on the first data point for the NVDA line, it announces <em>December 2010, 34.8%. NVDA</em>. The y-axis, x-axis, and legend information are all announced for that one point.</p> <figure class="wp-block-image size-large margin-bottom"><img loading="lazy" decoding="async" width="1024" height="445" src="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-1024x445.png" alt="" class="wp-image-7473" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-1024x445.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-300x130.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-768x334.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-1536x667.png 1536w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-2048x890.png 2048w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-1240x539.png 1240w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-30-at-12.37.52-PM-1080x469.png 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure> <p>If a user relies on a screen reader to announce the data, they’ll only get one data point at a time. It’s difficult to come to conclusions about the data when only getting one bit at a time, especially if the visualization has several data points. So, even if the screen reader can navigate through it and have each data point announced, it doesn’t mean it’s usable or a similar experience. </p> <p class="has-small-font-size"><a href="#top2">Back to top</a></p> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading" id="opportunities">Opportunities for more usable dynamic data visualizations</h2> <p>When it comes to data visualizations, a truly accessible experience means the visualization should be understandable and usable by everyone.</p> <p>These opportunities for usability help users who hear one data point at a time, navigate with a keyboard, or have cognitive disabilities get a better understanding of the data as a whole. </p> <h3 class="wp-block-heading">Give tabular data </h3> <p>Like with static visualizations, giving tabular data is also helpful with dynamic charts and graphs. It’s an easy way to give an alternative for viewing the data that could help users with varying disabilities.</p> <p>For example, each dynamic visualization in Pope Tech also has a table option to view the data. </p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="365" src="https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-1024x365.png" alt="Errors by Group bar graph and Errors by Group tabular data." class="wp-image-7441" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-1024x365.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-300x107.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-768x274.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-1240x442.png 1240w, https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table-1080x385.png 1080w, https://blog.pope.tech/wp-content/uploads/2023/08/graph-and-table.png 1251w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure> <h3 class="wp-block-heading">Introduce the visualization </h3> <p>Introducing a data visualization goes a long way in preparing a user with a disability to interact with it and understand the data as a whole better. Even when a screen reader is getting one data point at a time, a good introduction helps each singular data point make more sense in the larger picture. </p> <p><a href="https://www.youtube.com/watch?v=XHXiYz0MjrI">Thomas Watkin’s presentation Getting to the Core of Data Visualization Accessibility</a> gives two strategies to introduce a visualization.</p> <h4 class="wp-block-heading" style="font-size:18px">HTML headings</h4> <p>The first strategy is using specific headings on the page with the data visualizations. This makes it so as the user scans the page, either visually or with a screen reader, they’re also getting prepared to view the data. A thoughtful heading structure is especially helpful for screen reader users since they mostly navigate pages using headings.</p> <p>If the page has multiple data visualizations on it, a good HTML heading structure could be:</p> <ol class="wp-block-list"> <li>Heading 1: Dashboard title</li> <li>Heading 2s: View or widget titles</li> <li>Heading 3s: Filter, parameter set, or legend titles</li> </ol> <p>The heading structure can change depending on the situation as long as it’s preparing the user for what they’ll be interacting with. </p> <p>Here’s an example of Pope Tech’s Dashboard page. The heading 1 is <em>Dashboard</em>, which communicates the page is an overview of information. The heading 2s are the view or widget titles: <em>Automated scorecard</em>, <em>Most common issues</em>, <em>Manual scorecard</em>, and <em>Accessibility Focus</em>. Each of these gives a brief summary of the information in the widget preparing the user to interact with it.</p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="529" src="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-1024x529.png" alt="" class="wp-image-7443" style="width:709px;height:366px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-1024x529.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-300x155.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-768x396.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-1536x793.png 1536w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-2048x1057.png 2048w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-1240x640.png 1240w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-10.29.00-AM-1080x558.png 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure></div> <h4 class="wp-block-heading" style="font-size:18px">Captions</h4> <p>The next, and arguably most helpful, strategy for introducing users to the data is a caption that includes: </p> <ol class="wp-block-list"> <li>Graph title</li> <li>Chart or graph type</li> <li>Goal of visualization (what data is it showing?)</li> <li>How to read or navigate it</li> <li>Summary of important trends</li> </ol> <p>Yes, that sounds like it will be long, but that’s okay. The goal is to provide clarity – not be brief.</p> <p>Let’s write a summary for the Errors by Group bar graph.</p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="787" src="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1024x787.png" alt="" class="wp-image-7423" style="width:394px;height:303px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1024x787.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-300x230.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-768x590.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM-1080x830.png 1080w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-22-at-2.13.23-PM.png 1174w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure></div> <p>I’d start with the title, <em>Errors by Group</em>. Next, is the type and goal of the graph, which could be <em>…is a bar graph giving the total errors and alerts per page by group. </em>Now, I can give some information on how it’s structured like <em>…The four groups from top to bottom are Pope Tech Main, Pope Tech, Demos, and Data. </em>Lastly, I’d add a summary of trends.</p> <p>Altogether, the summary could be:</p> <p><em>“Errors by Group” is a bar graph giving the total errors and alerts by group. The four groups from top to bottom are Pope Tech Main, Pope Tech, Demos, and Data. Here are the insights from the group with the most errors per page to the group with the least:</em></p> <ul class="wp-block-list"> <li><em>Demos has the most errors per page at 24. It has 19 alerts per page.</em></li> <li><em>Data is close behind with 23 errors per page. It has the most alerts per page at 25.</em></li> <li><em>Pope Tech main has 17 errors per page and 15 alerts per page.</em></li> <li><em>Pope Tech has the least errors and alerts per page at 3 and 4.</em></li> </ul> <p>Thomas Watkin goes through two examples that are more complex in the video below (the video below starts at the examples in the presentation):</p> <iframe loading="lazy" width="100%" height="415" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" src="https://www.youtube-nocookie.com/embed/XHXiYz0MjrI?si=WclyLpMfB9iewQbx&start=1880&rel=0;start=1880"></iframe> <h4 class="wp-block-heading" style="font-size:18px">Autogenerated summaries </h4> <p>These summaries can make it easier to interpret the data when going through one point at a time with a screen reader. The roadblock is they need to be automatically created as the dynamic visualization changes with the data.</p> <p>Autogenerated summaries aren’t widely spread across the internet as of now. But, could be possible soon. </p> <p>The first thought is AI could auto-generate summaries. From the data, AI could write a summary using Watkin’s anatomy or a similar one. It’s important to consider if it would need a human-check for accuracy since incorrect summaries would cause more problems for users relying on them.</p> <p>Another option for autogenerated summaries is conditional logic. A summary created using conditional logic wouldn’t require AI but might not be possible for more complex visualization. Even simple visualizations would need serious thought into the summary’s structure and how it would adjust to accommodate any scenario.</p> <h3 class="wp-block-heading">Goal-oriented data visualizations </h3> <p>The next opportunity is designing a goal-oriented data visualization. It’s easy to get excited creating visualizations that rival an art gallery and give people access to every data point possible. But, these won’t be helpful to any user, let alone users with disabilities.</p> <p>Busy dashboards that might look beautiful with lots of colors, movement, and data points can make it hard for any user to know where to focus. This kind of complexity also means it’s more difficult to make accessible. </p> <p>Goal-oriented data visualizations are built to answer a business question. When dashboards are made of several views that are goal-oriented, it’s easier to make accessible. Plus, it’s easier for all users to make data-driven decisions.</p> <h3 class="wp-block-heading">Filter options</h3> <p>Filters help users organize the data in a way that either helps answer their questions or helps them read it.</p> <p>For example, Pope Tech’s Issues Over Time view lets users filter by different variables and time periods.</p> <div class="wp-block-image margin-bottom"> <figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="530" src="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-1024x530.png" alt="Issues Over Time line graph with Errors per page, errors, and alerts from March to August." class="wp-image-7453" style="width:624px;height:323px" srcset="https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-1024x530.png 1024w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-300x155.png 300w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-768x397.png 768w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-1536x795.png 1536w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-2048x1060.png 2048w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-1240x642.png 1240w, https://blog.pope.tech/wp-content/uploads/2023/08/Screenshot-2023-08-24-at-11.36.14-AM-1080x559.png 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure></div> <p>Now a user can customize their view to help them understand and navigate the data better.</p> <p class="has-small-font-size"><a href="#top3">Back to top</a></p> <h2 class="wp-block-heading">Everything coming together</h2> <p>Data visualizations are meant to convey trends based on multiple data points coming together. When a user can only hear one data point at a time, it’s difficult to pick up on these trends. </p> <p>To help all users experience a dynamic data visualization similarly, they must consider both accessible interfaces and strategies to make it more usable. </p> <p>A data visualization that uses color properly and is keyboard and screen reader accessible still might not be a similar experience for non-sighted users. </p> <p>But, when we also provide tabular data, introduce the information with headers and summaries, and design goal-oriented views with filters, everything can come together to make a more accessible and usable experience for all types of users.</p> <div class="wp-block-columns column-background is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow"> <p class="no-margin-bottom">Check out the <a href="https://blog.pope.tech/2022/09/01/accessible-lists-and-tables-training-resources/">Tables and Lists monthly focus</a> for more articles and videos.</p> </div> </div> <div class="wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"> <h2 class="wp-block-heading" style="font-size:28px">Try automated testing for free</h2> <p>Try out Pope Tech with our Free Plan – no credit card required.</p> <div class="demo-schedule"><a href="https://pope.tech/websites/free" class="button">Learn more about the Free Plan</a></div> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <h2 class="wp-block-heading" style="font-size:28px">Monthly accessibility insights</h2> <p class="no-margin-bottom">Sign up to get monthly accessibility content similar to this article. Unsubscribe at any time.</p> <script src="https://f.convertkit.com/ckjs/ck.5.js"></script> <form style="margin-top: -20px;" action="https://app.convertkit.com/forms/1639213/subscriptions" class="seva-form formkit-form" method="post" data-sv-form="1639213" data-uid="7291e87811" data-format="inline" data-version="5" data-options="{"settings":{"after_subscribe":{"action":"message","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":""},"analytics":{"google":null,"facebook":null,"segment":null,"pinterest":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com?utm_source=dynamic&utm_medium=referral&utm_campaign=poweredby&utm_content=form"},"recaptcha":{"enabled":false},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}" min-width="400 500 600 700 800"> <div data-style="clean"> <ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul> <div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"> <div class="formkit-field"> <label for="ckname">First Name</label> <input class="formkit-input" name="fields[first_name]" placeholder="Your first name" type="text" id="ckname"> </div> <div class="formkit-field"> <label for="ckemail">Email Address</label> <input class="formkit-input" name="email_address" id="ckemail" placeholder="Your email address" required="" type="email"> </div> <button data-element="submit" class="formkit-submit formkit-submit"> <div class="formkit-spinner"> <div></div> <div></div> <div></div> </div> <span class="">Subscribe</span> </button> </div> </div> <style> .formkit-field { margin-bottom: .5em; } .formkit-alert-success { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #244524; background-color: #e6f6e0; border-color: #244524; } </style> </form> </div> </div> </div> </div> </div> <footer class="entry-footer clear"> <div class="entry-terms-wrapper entry-categories-wrapper clear"><span class="screen-reader-text">Categories: </span><span class="icon-wrapper"><svg class="icon icon-folder-open" aria-hidden="true" role="img"> <use xlink:href="#icon-folder-open" /> </svg></span><span class="entry-terms category"><a href="https://blog.pope.tech/category/accessibility-articles/" rel="tag">Accessibility Articles</a></span></div><div class="entry-terms-wrapper entry-tags-wrapper clear"><span class="screen-reader-text">Tags: </span><span class="icon-wrapper"><svg class="icon icon-tag" aria-hidden="true" role="img"> <use xlink:href="#icon-tag" /> </svg></span><span class="entry-terms post_tag"><a href="https://blog.pope.tech/tag/charts/" rel="tag">charts</a><span class="screen-reader-text">, </span><a href="https://blog.pope.tech/tag/data/" rel="tag">data</a><span class="screen-reader-text">, </span><a href="https://blog.pope.tech/tag/graphs/" rel="tag">graphs</a><span class="screen-reader-text">, </span><a href="https://blog.pope.tech/tag/lists/" rel="tag">lists</a><span class="screen-reader-text">, </span><a href="https://blog.pope.tech/tag/tables/" rel="tag">tables</a></span></div> </footer> </div> </div> </div> </article> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://blog.pope.tech/2023/08/22/beginners-guide-to-accessible-tables/" rel="prev"><span class="meta-nav" aria-hidden="true"><svg class="icon icon-arrow-circle-left" aria-hidden="true" role="img"> <use xlink:href="#icon-arrow-circle-left" /> </svg>Previous</span> <span class="screen-reader-text">Previous post:</span> <span class="post-title">Beginner’s guide to accessible tables</span></a></div><div class="nav-next"><a href="https://blog.pope.tech/2023/09/01/accessible-lists/" rel="next"><span class="meta-nav" aria-hidden="true">Next<svg class="icon icon-arrow-circle-right" aria-hidden="true" role="img"> <use xlink:href="#icon-arrow-circle-right" /> </svg></span> <span class="screen-reader-text">Next post:</span> <span class="post-title">Beginner’s guide to lists and how to make them accessible</span></a></div></div> </nav> </main> </div> </div> <div class="before-footer-widgets-wrapper footer-widgets main-padding"> <div class="wrapper main-width text-center"> <div class="grid-wrapper"> <aside id="before-footer-area-1" class="before-footer-area-1 widget-area" role="complementary"> <svg class="icon icon-paint-brush" aria-hidden="true" role="img"> <use xlink:href="#icon-paint-brush" /> </svg><section id="categories-6" class="widget widget_categories"><h2 class="widget-title">Categories</h2> <ul> <li class="cat-item cat-item-4"><a href="https://blog.pope.tech/category/accessibility-articles/">Accessibility Articles</a> </li> <li class="cat-item cat-item-6"><a href="https://blog.pope.tech/category/pope-tech-guides/">Documentation</a> </li> <li class="cat-item cat-item-136"><a href="https://blog.pope.tech/category/higher-ed-in-4k-project/">Higher Ed in 4k Project</a> </li> <li class="cat-item cat-item-80"><a href="https://blog.pope.tech/category/accessibility-guide/">LTI Dashboard and Accessibility Guide</a> </li> <li class="cat-item cat-item-81"><a href="https://blog.pope.tech/category/accessibility-articles/accessibility-focus/">Monthly Accessibility Focus</a> </li> <li class="cat-item cat-item-3"><a href="https://blog.pope.tech/category/news/">News</a> </li> <li class="cat-item cat-item-7"><a href="https://blog.pope.tech/category/pope-tech-update-notes/">Pope Tech Release Notes</a> </li> <li class="cat-item cat-item-1"><a href="https://blog.pope.tech/category/uncategorized/">Uncategorized</a> </li> </ul> </section> </aside> <aside id="before-footer-area-2" class="before-footer-area-2 widget-area" role="complementary"> <svg class="icon icon-rocket" aria-hidden="true" role="img"> <use xlink:href="#icon-rocket" /> </svg><section id="search-6" class="widget widget_search"><h2 class="widget-title">Search</h2><form role="search" method="get" class="search-form" action="https://blog.pope.tech/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></section> </aside> <aside id="before-footer-area-3" class="before-footer-area-3 widget-area" role="complementary"> <svg class="icon icon-bolt" aria-hidden="true" role="img"> <use xlink:href="#icon-bolt" /> </svg><section id="text-3" class="widget widget_text"><h2 class="widget-title">Archives</h2> <div class="textwidget"><ul> <li><a href='https://blog.pope.tech/2024/12/'>December 2024</a></li> <li><a href='https://blog.pope.tech/2024/09/'>September 2024</a></li> <li><a href='https://blog.pope.tech/2024/08/'>August 2024</a></li> </ul> </div> </section> </aside> </div> </div> </div> <aside class="footer-widgets-wrapper footer-widgets main-padding" role="complementary"> <div class="wrapper main-width"> <div class="grid-wrapper"> <div class="site-title-desc-footer-wrapper"> <p class="site-title site-title-footer no-margin-bottom title-font">Pope Tech Blog</p> <p class="site-description site-description-footer no-margin-bottom">Documentation, Release Notes, and Web Accessibility</p> </div> <nav class="menu-social social-navigation menu clear" role="navigation" aria-label="Social Menu"> <div class="social-menu-wrapper clear"><ul id="menu-social-items" class="menu-social-items"><li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a href="https://twitter.com/PopeTechA11y"><span class="screen-reader-text">Twitter</span><svg class="icon icon-twitter" aria-hidden="true" role="img"> <use xlink:href="#icon-twitter" /> </svg></a></li> </ul></div> </nav> </div> </div> </aside> <footer id="colophon" class="site-footer"> <div class="footer-inner"> <div class="main-width"> <div class="grid-wrapper"> <div class="column-half"> <img src="https://pope.tech/img/pt-wave-white.png" alt="Pope Tech powered by WAVE" class="no-shadow footer-logo"> </div> <div class="column-half"> <nav aria-label="Secondary Navigation"> <ul class="list-unstyled"> <li><a href="https://pope.tech/sitemap">Sitemap</a></li> <li><a href="https://pope.tech/accessibility-statement">Accessibility Statement</a></li> <li><a href="https://pope.tech/about">About Us</a></li> <li><a href="https://wave.webaim.org/">WAVE Suite</a></li> <li><a href="https://pope.tech/contact">Contact Us</a></li> </ul> </nav> </div> </div> </div> </div> <div class="site-info"> <div class="main-width"> 漏 2024 Pope Tech - <a href="https://app.pope.tech/terms">Terms of Use</a> - <a href="https://app.pope.tech/privacy">Privacy Policy</a> </div> </div> </footer> </div> <style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-4{flex-wrap:nowrap;} </style> <script type="text/javascript" id="convertkit-broadcasts-js-extra"> /* <![CDATA[ */ var convertkit_broadcasts = {"ajax_url":"https:\/\/blog.pope.tech\/wp-admin\/admin-ajax.php","action":"convertkit_broadcasts_render","debug":""}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.pope.tech/wp-content/plugins/convertkit/resources/frontend/js/broadcasts.js?ver=2.6.8" id="convertkit-broadcasts-js"></script> <script type="text/javascript" id="convertkit-js-js-extra"> /* <![CDATA[ */ var convertkit = {"ajaxurl":"https:\/\/blog.pope.tech\/wp-admin\/admin-ajax.php","debug":"","nonce":"b8528daf53","subscriber_id":""}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.pope.tech/wp-content/plugins/convertkit/resources/frontend/js/convertkit.js?ver=2.6.8" id="convertkit-js-js"></script> <script type="text/javascript" id="checathlon-scripts-js-extra"> /* <![CDATA[ */ var checathlonText = {"lock":"<svg class=\"icon icon-lock\" aria-hidden=\"true\" role=\"img\"> <use xlink:href=\"#icon-lock\" \/> <\/svg>"}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.pope.tech/wp-content/themes/checathlon/assets/js/scripts.min.js?ver=20160912" id="checathlon-scripts-js"></script> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-404" viewBox="0 0 32 32"> <path class="path1" d="M8.874 9.486l-1.748-0.972-5.826 10.486h7.7v4h2v-6h-6.3l4.174-7.514zM25.7 17l4.176-7.514-1.75-0.972-5.826 10.486h7.7v4h2v-6h-6.3zM17 11c-2.762 0-5 2.238-5 5s2.238 5 5 5 5-2.238 5-5-2.238-5-5-5zM17 19c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3z"></path> </symbol> <symbol id="icon-angle-down" viewBox="0 0 21 32"> <path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path> </symbol> <symbol id="icon-next" viewBox="0 0 32 32"> <path class="path1" d="M16 9.292l-1.354 1.354 5.354 5.354h-14v2h14l-5.354 5.354 1.354 1.354 7.708-7.708z"></path> </symbol> <symbol id="icon-previous" viewBox="0 0 32 32"> <path class="path1" d="M16 9.292l1.354 1.354-5.354 5.354h14v2h-14l5.354 5.354-1.354 1.354-7.708-7.708z"></path> </symbol> <symbol id="icon-search" viewBox="0 0 30 32"> <path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path> </symbol> <symbol id="icon-envelope-o" viewBox="0 0 32 32"> <path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-heart" viewBox="0 0 32 32"> <path class="path1" d="M16 29.714q-0.464 0-0.786-0.321l-11.143-10.75q-0.179-0.143-0.491-0.464t-0.991-1.17-1.214-1.741-0.955-2.161-0.42-2.464q0-3.929 2.268-6.143t6.268-2.214q1.107 0 2.259 0.384t2.143 1.036 1.705 1.223 1.357 1.214q0.643-0.643 1.357-1.214t1.705-1.223 2.143-1.036 2.259-0.384q4 0 6.268 2.214t2.268 6.143q0 3.946-4.089 8.036l-11.125 10.714q-0.321 0.321-0.786 0.321z"></path> </symbol> <symbol id="icon-star" viewBox="0 0 30 32"> <path class="path1" d="M29.714 11.554q0 0.393-0.464 0.857l-6.482 6.321 1.536 8.929q0.018 0.125 0.018 0.357 0 0.375-0.188 0.634t-0.545 0.259q-0.339 0-0.714-0.214l-8.018-4.214-8.018 4.214q-0.393 0.214-0.714 0.214-0.375 0-0.563-0.259t-0.188-0.634q0-0.107 0.036-0.357l1.536-8.929-6.5-6.321q-0.446-0.482-0.446-0.857 0-0.661 1-0.821l8.964-1.304 4.018-8.125q0.339-0.732 0.875-0.732t0.875 0.732l4.018 8.125 8.964 1.304q1 0.161 1 0.821z"></path> </symbol> <symbol id="icon-user" viewBox="0 0 25 32"> <path class="path1" d="M25.143 25.089q0 2.143-1.304 3.384t-3.464 1.241h-15.607q-2.161 0-3.464-1.241t-1.304-3.384q0-0.946 0.063-1.848t0.25-1.946 0.473-1.938 0.768-1.741 1.107-1.446 1.527-0.955 1.991-0.357q0.161 0 0.75 0.384t1.33 0.857 1.929 0.857 2.384 0.384 2.384-0.384 1.929-0.857 1.33-0.857 0.75-0.384q1.089 0 1.991 0.357t1.527 0.955 1.107 1.446 0.768 1.741 0.473 1.938 0.25 1.946 0.063 1.848zM19.429 9.143q0 2.839-2.009 4.848t-4.848 2.009-4.848-2.009-2.009-4.848 2.009-4.848 4.848-2.009 4.848 2.009 2.009 4.848z"></path> </symbol> <symbol id="icon-film" viewBox="0 0 34 32"> <path class="path1" d="M6.857 28.571v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM6.857 21.714v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM6.857 14.857v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM25.143 28.571v-9.143q0-0.464-0.339-0.804t-0.804-0.339h-13.714q-0.464 0-0.804 0.339t-0.339 0.804v9.143q0 0.464 0.339 0.804t0.804 0.339h13.714q0.464 0 0.804-0.339t0.339-0.804zM6.857 8v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM32 28.571v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM25.143 14.857v-9.143q0-0.464-0.339-0.804t-0.804-0.339h-13.714q-0.464 0-0.804 0.339t-0.339 0.804v9.143q0 0.464 0.339 0.804t0.804 0.339h13.714q0.464 0 0.804-0.339t0.339-0.804zM32 21.714v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM32 14.857v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM32 8v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-2.286q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h2.286q0.464 0 0.804-0.339t0.339-0.804zM34.286 5.143v24q0 1.179-0.839 2.018t-2.018 0.839h-28.571q-1.179 0-2.018-0.839t-0.839-2.018v-24q0-1.179 0.839-2.018t2.018-0.839h28.571q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-check" viewBox="0 0 32 32"> <path class="path1" d="M29.839 10.107q0 0.714-0.5 1.214l-15.357 15.357q-0.5 0.5-1.214 0.5t-1.214-0.5l-8.893-8.893q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.268 11.714-11.732q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214z"></path> </symbol> <symbol id="icon-signal" viewBox="0 0 32 32"> <path class="path1" d="M4.571 25.714v3.429q0 0.25-0.161 0.411t-0.411 0.161h-3.429q-0.25 0-0.411-0.161t-0.161-0.411v-3.429q0-0.25 0.161-0.411t0.411-0.161h3.429q0.25 0 0.411 0.161t0.161 0.411zM11.429 23.429v5.714q0 0.25-0.161 0.411t-0.411 0.161h-3.429q-0.25 0-0.411-0.161t-0.161-0.411v-5.714q0-0.25 0.161-0.411t0.411-0.161h3.429q0.25 0 0.411 0.161t0.161 0.411zM18.286 18.857v10.286q0 0.25-0.161 0.411t-0.411 0.161h-3.429q-0.25 0-0.411-0.161t-0.161-0.411v-10.286q0-0.25 0.161-0.411t0.411-0.161h3.429q0.25 0 0.411 0.161t0.161 0.411zM25.143 12v17.143q0 0.25-0.161 0.411t-0.411 0.161h-3.429q-0.25 0-0.411-0.161t-0.161-0.411v-17.143q0-0.25 0.161-0.411t0.411-0.161h3.429q0.25 0 0.411 0.161t0.161 0.411zM32 2.857v26.286q0 0.25-0.161 0.411t-0.411 0.161h-3.429q-0.25 0-0.411-0.161t-0.161-0.411v-26.286q0-0.25 0.161-0.411t0.411-0.161h3.429q0.25 0 0.411 0.161t0.161 0.411z"></path> </symbol> <symbol id="icon-cog" viewBox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM27.429 14.054v3.964q0 0.214-0.143 0.411t-0.357 0.232l-3.304 0.5q-0.339 0.964-0.696 1.625 0.625 0.893 1.911 2.464 0.179 0.214 0.179 0.446t-0.161 0.411q-0.482 0.661-1.768 1.929t-1.679 1.268q-0.214 0-0.464-0.161l-2.464-1.929q-0.786 0.411-1.625 0.679-0.286 2.429-0.518 3.321-0.125 0.5-0.643 0.5h-3.964q-0.25 0-0.438-0.152t-0.205-0.384l-0.5-3.286q-0.875-0.286-1.607-0.661l-2.518 1.911q-0.179 0.161-0.446 0.161-0.25 0-0.446-0.196-2.25-2.036-2.946-3-0.125-0.179-0.125-0.411 0-0.214 0.143-0.411 0.268-0.375 0.911-1.188t0.964-1.259q-0.482-0.893-0.732-1.768l-3.268-0.482q-0.232-0.036-0.375-0.223t-0.143-0.42v-3.964q0-0.214 0.143-0.411t0.339-0.232l3.321-0.5q0.25-0.821 0.696-1.643-0.714-1.018-1.911-2.464-0.179-0.214-0.179-0.429 0-0.179 0.161-0.411 0.464-0.643 1.759-1.92t1.688-1.277q0.232 0 0.464 0.179l2.464 1.911q0.786-0.411 1.625-0.679 0.286-2.429 0.518-3.321 0.125-0.5 0.643-0.5h3.964q0.25 0 0.438 0.152t0.205 0.384l0.5 3.286q0.875 0.286 1.607 0.661l2.536-1.911q0.161-0.161 0.429-0.161 0.232 0 0.446 0.179 2.304 2.125 2.946 3.036 0.125 0.143 0.125 0.393 0 0.214-0.143 0.411-0.268 0.375-0.911 1.188t-0.964 1.259q0.464 0.893 0.732 1.75l3.268 0.5q0.232 0.036 0.375 0.223t0.143 0.42z"></path> </symbol> <symbol id="icon-clock-o" viewBox="0 0 27 32"> <path class="path1" d="M16 9.714v8q0 0.25-0.161 0.411t-0.411 0.161h-5.714q-0.25 0-0.411-0.161t-0.161-0.411v-1.143q0-0.25 0.161-0.411t0.411-0.161h4v-6.286q0-0.25 0.161-0.411t0.411-0.161h1.143q0.25 0 0.411 0.161t0.161 0.411zM23.429 16q0-2.643-1.304-4.875t-3.536-3.536-4.875-1.304-4.875 1.304-3.536 3.536-1.304 4.875 1.304 4.875 3.536 3.536 4.875 1.304 4.875-1.304 3.536-3.536 1.304-4.875zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-road" viewBox="0 0 34 32"> <path class="path1" d="M19.839 17.786v-0.071l-0.429-5.714q-0.018-0.232-0.196-0.402t-0.411-0.17h-3.321q-0.232 0-0.411 0.17t-0.196 0.402l-0.429 5.714v0.071q-0.018 0.214 0.143 0.357t0.375 0.143h4.357q0.214 0 0.375-0.143t0.143-0.357zM33.393 26.125q0 1.304-0.821 1.304h-12.571q0.232 0 0.393-0.17t0.143-0.402l-0.357-4.571q-0.018-0.232-0.196-0.402t-0.411-0.17h-4.857q-0.232 0-0.411 0.17t-0.196 0.402l-0.357 4.571q-0.018 0.232 0.143 0.402t0.393 0.17h-12.571q-0.821 0-0.821-1.304 0-0.964 0.464-2.071l7.446-18.643q0.143-0.339 0.464-0.589t0.679-0.25h6.054q-0.232 0-0.411 0.17t-0.196 0.402l-0.268 3.429q-0.018 0.25 0.143 0.411t0.393 0.161h2.964q0.232 0 0.393-0.161t0.143-0.411l-0.268-3.429q-0.018-0.232-0.196-0.402t-0.411-0.17h6.054q0.357 0 0.679 0.25t0.464 0.589l7.446 18.643q0.464 1.107 0.464 2.071z"></path> </symbol> <symbol id="icon-lock" viewBox="0 0 21 32"> <path class="path1" d="M5.714 13.714h9.143v-3.429q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232v3.429zM20.571 15.429v10.286q0 0.714-0.5 1.214t-1.214 0.5h-17.143q-0.714 0-1.214-0.5t-0.5-1.214v-10.286q0-0.714 0.5-1.214t1.214-0.5h0.571v-3.429q0-3.286 2.357-5.643t5.643-2.357 5.643 2.357 2.357 5.643v3.429h0.571q0.714 0 1.214 0.5t0.5 1.214z"></path> </symbol> <symbol id="icon-flag" viewBox="0 0 33 32"> <path class="path1" d="M5.714 4.571q0 1.286-1.143 1.964v22.607q0 0.232-0.17 0.402t-0.402 0.17h-1.143q-0.232 0-0.402-0.17t-0.17-0.402v-22.607q-1.143-0.679-1.143-1.964 0-0.946 0.67-1.616t1.616-0.67 1.616 0.67 0.67 1.616zM32 5.714v13.625q0 0.446-0.223 0.688t-0.705 0.491q-3.839 2.071-6.589 2.071-1.089 0-2.205-0.393t-1.938-0.857-2.063-0.857-2.545-0.393q-3.429 0-8.286 2.607-0.304 0.161-0.589 0.161-0.464 0-0.804-0.339t-0.339-0.804v-13.25q0-0.571 0.554-0.982 0.375-0.25 1.411-0.768 4.214-2.143 7.518-2.143 1.911 0 3.571 0.518t3.911 1.571q0.679 0.339 1.571 0.339 0.964 0 2.098-0.375t1.964-0.839 1.571-0.839 0.973-0.375q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-volume-up" viewBox="0 0 30 32"> <path class="path1" d="M13.714 6.286v19.429q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-5.946-5.946h-4.679q-0.464 0-0.804-0.339t-0.339-0.804v-6.857q0-0.464 0.339-0.804t0.804-0.339h4.679l5.946-5.946q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804zM20.571 16q0 1.357-0.759 2.527t-2.009 1.67q-0.179 0.089-0.446 0.089-0.464 0-0.804-0.33t-0.339-0.813q0-0.375 0.214-0.634t0.518-0.446 0.607-0.411 0.518-0.634 0.214-1.018-0.214-1.018-0.518-0.634-0.607-0.411-0.518-0.446-0.214-0.634q0-0.482 0.339-0.813t0.804-0.33q0.268 0 0.446 0.089 1.25 0.482 2.009 1.661t0.759 2.536zM25.143 16q0 2.732-1.518 5.045t-4.018 3.366q-0.232 0.089-0.446 0.089-0.482 0-0.821-0.339t-0.339-0.804q0-0.696 0.696-1.054 1-0.518 1.357-0.786 1.321-0.964 2.063-2.42t0.741-3.098-0.741-3.098-2.063-2.42q-0.357-0.268-1.357-0.786-0.696-0.357-0.696-1.054 0-0.464 0.339-0.804t0.804-0.339q0.232 0 0.464 0.089 2.5 1.054 4.018 3.366t1.518 5.045zM29.714 16q0 4.107-2.268 7.545t-6.036 5.063q-0.232 0.089-0.464 0.089-0.464 0-0.804-0.339t-0.339-0.804q0-0.643 0.696-1.054 0.125-0.071 0.402-0.188t0.402-0.188q0.821-0.446 1.464-0.911 2.196-1.625 3.429-4.054t1.232-5.161-1.232-5.161-3.429-4.054q-0.643-0.464-1.464-0.911-0.125-0.071-0.402-0.188t-0.402-0.188q-0.696-0.411-0.696-1.054 0-0.464 0.339-0.804t0.804-0.339q0.232 0 0.464 0.089 3.768 1.625 6.036 5.063t2.268 7.545z"></path> </symbol> <symbol id="icon-tag" viewBox="0 0 27 32"> <path class="path1" d="M8 8q0-0.946-0.67-1.616t-1.616-0.67-1.616 0.67-0.67 1.616 0.67 1.616 1.616 0.67 1.616-0.67 0.67-1.616zM27.054 18.286q0 0.946-0.661 1.607l-8.768 8.786q-0.696 0.661-1.625 0.661-0.946 0-1.607-0.661l-12.768-12.786q-0.679-0.661-1.152-1.804t-0.473-2.089v-7.429q0-0.929 0.679-1.607t1.607-0.679h7.429q0.946 0 2.089 0.473t1.821 1.152l12.768 12.75q0.661 0.696 0.661 1.625z"></path> </symbol> <symbol id="icon-camera" viewBox="0 0 34 32"> <path class="path1" d="M17.143 12q2.125 0 3.634 1.509t1.509 3.634-1.509 3.634-3.634 1.509-3.634-1.509-1.509-3.634 1.509-3.634 3.634-1.509zM29.714 4.571q1.893 0 3.232 1.339t1.339 3.232v16q0 1.893-1.339 3.232t-3.232 1.339h-25.143q-1.893 0-3.232-1.339t-1.339-3.232v-16q0-1.893 1.339-3.232t3.232-1.339h4l0.911-2.429q0.339-0.875 1.241-1.509t1.848-0.634h9.143q0.946 0 1.848 0.634t1.241 1.509l0.911 2.429h4zM17.143 25.143q3.304 0 5.652-2.348t2.348-5.652-2.348-5.652-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348z"></path> </symbol> <symbol id="icon-pencil" viewBox="0 0 27 32"> <path class="path1" d="M6.482 27.429l1.625-1.625-4.196-4.196-1.625 1.625v1.911h2.286v2.286h1.911zM15.821 10.857q0-0.393-0.393-0.393-0.179 0-0.304 0.125l-9.679 9.679q-0.125 0.125-0.125 0.304 0 0.393 0.393 0.393 0.179 0 0.304-0.125l9.679-9.679q0.125-0.125 0.125-0.304zM14.857 7.429l7.429 7.429-14.857 14.857h-7.429v-7.429zM27.054 9.143q0 0.946-0.661 1.607l-2.964 2.964-7.429-7.429 2.964-2.946q0.643-0.679 1.607-0.679 0.946 0 1.625 0.679l4.196 4.179q0.661 0.696 0.661 1.625z"></path> </symbol> <symbol id="icon-map-marker" viewBox="0 0 18 32"> <path class="path1" d="M13.714 11.429q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM18.286 11.429q0 1.946-0.589 3.196l-6.5 13.821q-0.286 0.589-0.848 0.929t-1.205 0.339-1.205-0.339-0.83-0.929l-6.518-13.821q-0.589-1.25-0.589-3.196 0-3.786 2.679-6.464t6.464-2.679 6.464 2.679 2.679 6.464z"></path> </symbol> <symbol id="icon-check-square-o" viewBox="0 0 30 32"> <path class="path1" d="M25.143 16.607v5.679q0 2.125-1.509 3.634t-3.634 1.509h-14.857q-2.125 0-3.634-1.509t-1.509-3.634v-14.857q0-2.125 1.509-3.634t3.634-1.509h14.857q1.125 0 2.089 0.446 0.268 0.125 0.321 0.411 0.054 0.304-0.161 0.518l-0.875 0.875q-0.179 0.179-0.411 0.179-0.054 0-0.161-0.036-0.411-0.107-0.804-0.107h-14.857q-1.179 0-2.018 0.839t-0.839 2.018v14.857q0 1.179 0.839 2.018t2.018 0.839h14.857q1.179 0 2.018-0.839t0.839-2.018v-4.536q0-0.232 0.161-0.393l1.143-1.143q0.179-0.179 0.411-0.179 0.107 0 0.214 0.054 0.357 0.143 0.357 0.518zM29.268 7.875l-14.536 14.536q-0.429 0.429-1.018 0.429t-1.018-0.429l-7.679-7.679q-0.429-0.429-0.429-1.018t0.429-1.018l1.964-1.964q0.429-0.429 1.018-0.429t1.018 0.429l4.696 4.696 11.554-11.554q0.429-0.429 1.018-0.429t1.018 0.429l1.964 1.964q0.429 0.429 0.429 1.018t-0.429 1.018z"></path> </symbol> <symbol id="icon-leaf" viewBox="0 0 32 32"> <path class="path1" d="M22.857 12.571q0-0.464-0.339-0.804t-0.804-0.339q-3.071 0-5.679 0.884t-4.634 2.393-4.205 3.92q-0.339 0.375-0.339 0.804 0 0.464 0.339 0.804t0.804 0.339q0.429 0 0.804-0.339 0.482-0.429 1.321-1.268t1.196-1.179q2.446-2.214 4.795-3.143t5.598-0.929q0.464 0 0.804-0.339t0.339-0.804zM32 9.036q0 1.696-0.357 3.446-0.821 4-3.295 6.839t-6.384 4.786q-3.821 1.929-7.821 1.929-2.643 0-5.107-0.839-0.268-0.089-1.571-0.75t-1.714-0.661q-0.286 0-0.705 0.571t-0.804 1.25-0.938 1.25-1.071 0.571q-0.536 0-0.911-0.196t-0.554-0.429-0.482-0.75q-0.036-0.071-0.107-0.196t-0.098-0.179-0.054-0.17-0.027-0.241q0-0.625 0.554-1.313t1.214-1.17 1.214-1 0.554-0.857q0-0.071-0.25-0.679t-0.286-0.786q-0.161-0.911-0.161-1.857 0-2.054 0.777-3.929t2.125-3.295 3.045-2.482 3.643-1.705q0.982-0.321 2.589-0.455t3.205-0.161 3.188-0.107 2.92-0.429 2.027-1.009l0.527-0.527t0.527-0.5 0.482-0.357 0.652-0.286 0.777-0.080q0.696 0 1.259 0.821t0.848 2 0.429 2.214 0.143 1.714z"></path> </symbol> <symbol id="icon-plane" viewBox="0 0 25 32"> <path class="path1" d="M24.571 2.857q0.786 0.929 0.214 2.643t-1.929 3.071l-2.875 2.875 2.857 12.429q0.089 0.339-0.214 0.589l-2.286 1.714q-0.125 0.107-0.339 0.107-0.071 0-0.125-0.018-0.268-0.054-0.375-0.286l-4.982-9.071-4.625 4.625 0.946 3.464q0.089 0.304-0.143 0.554l-1.714 1.714q-0.161 0.161-0.411 0.161h-0.036q-0.268-0.036-0.429-0.232l-3.375-4.5-4.5-3.375q-0.196-0.125-0.232-0.411-0.018-0.232 0.161-0.446l1.714-1.732q0.161-0.161 0.411-0.161 0.107 0 0.143 0.018l3.464 0.946 4.625-4.625-9.071-4.982q-0.25-0.143-0.304-0.429-0.036-0.286 0.161-0.482l2.286-2.286q0.25-0.232 0.536-0.143l11.875 2.839 2.857-2.857q1.357-1.357 3.071-1.929t2.643 0.214z"></path> </symbol> <symbol id="icon-comment" viewBox="0 0 32 32"> <path class="path1" d="M32 16q0 3.107-2.143 5.741t-5.821 4.161-8.036 1.527q-1.25 0-2.589-0.143-3.536 3.125-8.214 4.321-0.875 0.25-2.036 0.393-0.304 0.036-0.545-0.161t-0.313-0.518v-0.018q-0.054-0.071-0.009-0.214t0.036-0.179 0.080-0.17l0.107-0.161t0.125-0.152 0.143-0.161q0.125-0.143 0.554-0.616t0.616-0.679 0.554-0.705 0.58-0.911 0.482-1.054 0.464-1.357q-2.804-1.589-4.42-3.929t-1.616-5.018q0-2.321 1.268-4.438t3.411-3.652 5.107-2.438 6.214-0.902q4.357 0 8.036 1.527t5.821 4.161 2.143 5.741z"></path> </symbol> <symbol id="icon-shopping-cart" viewBox="0 0 30 32"> <path class="path1" d="M11.429 27.429q0 0.929-0.679 1.607t-1.607 0.679-1.607-0.679-0.679-1.607 0.679-1.607 1.607-0.679 1.607 0.679 0.679 1.607zM27.429 27.429q0 0.929-0.679 1.607t-1.607 0.679-1.607-0.679-0.679-1.607 0.679-1.607 1.607-0.679 1.607 0.679 0.679 1.607zM29.714 8v9.143q0 0.429-0.295 0.759t-0.723 0.384l-18.643 2.179q0.232 1.071 0.232 1.25 0 0.286-0.429 1.143h16.429q0.464 0 0.804 0.339t0.339 0.804-0.339 0.804-0.804 0.339h-18.286q-0.464 0-0.804-0.339t-0.339-0.804q0-0.196 0.143-0.563t0.286-0.643 0.384-0.714 0.277-0.527l-3.161-14.696h-3.643q-0.464 0-0.804-0.339t-0.339-0.804 0.339-0.804 0.804-0.339h4.571q0.286 0 0.509 0.116t0.348 0.277 0.232 0.438 0.143 0.464 0.098 0.527 0.080 0.464h21.446q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-folder-open" viewBox="0 0 34 32"> <path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path> </symbol> <symbol id="icon-thumbs-o-up" viewBox="0 0 27 32"> <path class="path1" d="M4.571 24q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM25.143 13.714q0-0.911-0.696-1.598t-1.589-0.688h-6.286q0-1.036 0.857-2.848t0.857-2.866q0-1.75-0.571-2.589t-2.286-0.839q-0.464 0.464-0.679 1.518t-0.545 2.241-1.063 1.955q-0.393 0.411-1.375 1.625-0.071 0.089-0.411 0.536t-0.563 0.732-0.616 0.759-0.714 0.786-0.688 0.634-0.714 0.482-0.634 0.161h-0.571v11.429h0.571q0.232 0 0.563 0.054t0.589 0.116 0.679 0.196 0.625 0.205 0.634 0.223 0.518 0.188q3.768 1.304 6.107 1.304h2.161q3.429 0 3.429-2.982 0-0.464-0.089-1 0.536-0.286 0.848-0.938t0.313-1.313-0.321-1.232q0.946-0.893 0.946-2.125 0-0.446-0.179-0.991t-0.446-0.848q0.571-0.018 0.955-0.839t0.384-1.446zM27.429 13.696q0 1.589-0.875 2.911 0.161 0.589 0.161 1.232 0 1.375-0.679 2.571 0.054 0.375 0.054 0.768 0 1.804-1.071 3.179 0.018 2.482-1.518 3.92t-4.054 1.438h-2.304q-1.714 0-3.384-0.402t-3.866-1.17q-2.071-0.714-2.464-0.714h-5.143q-0.946 0-1.616-0.67t-0.67-1.616v-11.429q0-0.946 0.67-1.616t1.616-0.67h4.893q0.643-0.429 2.446-2.768 1.036-1.339 1.911-2.286 0.429-0.446 0.634-1.527t0.545-2.259 1.107-1.929q0.696-0.661 1.607-0.661 1.5 0 2.696 0.58t1.821 1.813 0.625 3.321q0 1.661-0.857 3.429h3.143q1.857 0 3.214 1.357t1.357 3.196z"></path> </symbol> <symbol id="icon-upload" viewBox="0 0 30 32"> <path class="path1" d="M22.857 26.286q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM27.429 26.286q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM29.714 22.286v5.714q0 0.714-0.5 1.214t-1.214 0.5h-26.286q-0.714 0-1.214-0.5t-0.5-1.214v-5.714q0-0.714 0.5-1.214t1.214-0.5h7.625q0.375 1 1.259 1.643t1.973 0.643h4.571q1.089 0 1.973-0.643t1.259-1.643h7.625q0.714 0 1.214 0.5t0.5 1.214zM23.911 10.714q-0.304 0.714-1.054 0.714h-4.571v8q0 0.464-0.339 0.804t-0.804 0.339h-4.571q-0.464 0-0.804-0.339t-0.339-0.804v-8h-4.571q-0.75 0-1.054-0.714-0.304-0.696 0.25-1.232l8-8q0.321-0.339 0.804-0.339t0.804 0.339l8 8q0.554 0.536 0.25 1.232z"></path> </symbol> <symbol id="icon-phone" viewBox="0 0 25 32"> <path class="path1" d="M25.143 22.143q0 0.482-0.179 1.259t-0.375 1.223q-0.375 0.893-2.179 1.893-1.679 0.911-3.321 0.911-0.482 0-0.938-0.063t-1.027-0.223-0.848-0.259-0.991-0.366-0.875-0.321q-1.75-0.625-3.125-1.482-2.286-1.411-4.723-3.848t-3.848-4.723q-0.857-1.375-1.482-3.125-0.054-0.161-0.321-0.875t-0.366-0.991-0.259-0.848-0.223-1.027-0.063-0.938q0-1.643 0.911-3.321 1-1.804 1.893-2.179 0.446-0.196 1.223-0.375t1.259-0.179q0.25 0 0.375 0.054 0.321 0.107 0.946 1.357 0.196 0.339 0.536 0.964t0.625 1.134 0.554 0.955q0.054 0.071 0.313 0.446t0.384 0.634 0.125 0.509q0 0.357-0.509 0.893t-1.107 0.982-1.107 0.946-0.509 0.821q0 0.161 0.089 0.402t0.152 0.366 0.25 0.429 0.205 0.339q1.357 2.446 3.107 4.196t4.196 3.107q0.036 0.018 0.339 0.205t0.429 0.25 0.366 0.152 0.402 0.089q0.321 0 0.821-0.509t0.946-1.107 0.982-1.107 0.893-0.509q0.25 0 0.509 0.125t0.634 0.384 0.446 0.313q0.446 0.268 0.955 0.554t1.134 0.625 0.964 0.536q1.25 0.625 1.357 0.946 0.054 0.125 0.054 0.375z"></path> </symbol> <symbol id="icon-twitter" viewBox="0 0 30 32"> <path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 19 32"> <path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path> </symbol> <symbol id="icon-github" viewBox="0 0 27 32"> <path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path> </symbol> <symbol id="icon-unlock" viewBox="0 0 30 32"> <path class="path1" d="M29.714 10.286v4.571q0 0.464-0.339 0.804t-0.804 0.339h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-4.571q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232v3.429h1.714q0.714 0 1.214 0.5t0.5 1.214v10.286q0 0.714-0.5 1.214t-1.214 0.5h-17.143q-0.714 0-1.214-0.5t-0.5-1.214v-10.286q0-0.714 0.5-1.214t1.214-0.5h12v-3.429q0-3.304 2.348-5.652t5.652-2.348 5.652 2.348 2.348 5.652z"></path> </symbol> <symbol id="icon-credit-card" viewBox="0 0 34 32"> <path class="path1" d="M31.429 2.286q1.179 0 2.018 0.839t0.839 2.018v21.714q0 1.179-0.839 2.018t-2.018 0.839h-28.571q-1.179 0-2.018-0.839t-0.839-2.018v-21.714q0-1.179 0.839-2.018t2.018-0.839h28.571zM2.857 4.571q-0.232 0-0.402 0.17t-0.17 0.402v4h29.714v-4q0-0.232-0.17-0.402t-0.402-0.17h-28.571zM31.429 27.429q0.232 0 0.402-0.17t0.17-0.402v-10.857h-29.714v10.857q0 0.232 0.17 0.402t0.402 0.17h28.571zM4.571 25.143v-2.286h4.571v2.286h-4.571zM11.429 25.143v-2.286h6.857v2.286h-6.857z"></path> </symbol> <symbol id="icon-feed" viewBox="0 0 25 32"> <path class="path1" d="M6.857 24q0 1.429-1 2.429t-2.429 1-2.429-1-1-2.429 1-2.429 2.429-1 2.429 1 1 2.429zM16 26.196q0.036 0.5-0.304 0.857-0.321 0.375-0.839 0.375h-2.411q-0.446 0-0.768-0.295t-0.357-0.741q-0.393-4.089-3.295-6.991t-6.991-3.295q-0.446-0.036-0.741-0.357t-0.295-0.768v-2.411q0-0.518 0.375-0.839 0.304-0.304 0.768-0.304h0.089q2.857 0.232 5.464 1.438t4.625 3.241q2.036 2.018 3.241 4.625t1.438 5.464zM25.143 26.232q0.036 0.482-0.321 0.839-0.321 0.357-0.821 0.357h-2.554q-0.464 0-0.795-0.313t-0.348-0.759q-0.214-3.839-1.804-7.295t-4.134-6-6-4.134-7.295-1.821q-0.446-0.018-0.759-0.348t-0.313-0.777v-2.554q0-0.5 0.357-0.821 0.321-0.321 0.786-0.321h0.054q4.679 0.232 8.955 2.143t7.598 5.25q3.339 3.321 5.25 7.598t2.143 8.955z"></path> </symbol> <symbol id="icon-chain" viewBox="0 0 30 32"> <path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path> </symbol> <symbol id="icon-google-plus" viewBox="0 0 41 32"> <path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 27 32"> <path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path> </symbol> <symbol id="icon-gavel" viewBox="0 0 32 32"> <path class="path1" d="M31.625 27.429q0 0.946-0.661 1.607l-1.911 1.929q-0.696 0.661-1.625 0.661-0.946 0-1.607-0.661l-6.482-6.5q-0.679-0.643-0.679-1.607 0-0.946 0.768-1.714l-4.571-4.571-2.25 2.25q-0.25 0.25-0.607 0.25t-0.607-0.25q0.036 0.036 0.223 0.214t0.223 0.232 0.179 0.205 0.179 0.241 0.107 0.241 0.098 0.295 0.027 0.321q0 0.679-0.5 1.214-0.054 0.054-0.295 0.321t-0.339 0.366-0.33 0.295-0.393 0.277-0.393 0.161-0.464 0.080q-0.714 0-1.214-0.5l-7.286-7.286q-0.5-0.5-0.5-1.214 0-0.232 0.080-0.464t0.161-0.393 0.277-0.393 0.295-0.33 0.366-0.339 0.321-0.295q0.536-0.5 1.214-0.5 0.179 0 0.321 0.027t0.295 0.098 0.241 0.107 0.241 0.179 0.205 0.179 0.232 0.223 0.214 0.223q-0.25-0.25-0.25-0.607t0.25-0.607l6.214-6.214q0.25-0.25 0.607-0.25t0.607 0.25q-0.036-0.036-0.223-0.214t-0.223-0.232-0.179-0.205-0.179-0.241-0.107-0.241-0.098-0.295-0.027-0.321q0-0.679 0.5-1.214 0.054-0.054 0.295-0.321t0.339-0.366 0.33-0.295 0.393-0.277 0.393-0.161 0.464-0.080q0.714 0 1.214 0.5l7.286 7.286q0.5 0.5 0.5 1.214 0 0.232-0.080 0.464t-0.161 0.393-0.277 0.393-0.295 0.33-0.366 0.339-0.321 0.295q-0.536 0.5-1.214 0.5-0.179 0-0.321-0.027t-0.295-0.098-0.241-0.107-0.241-0.179-0.205-0.179-0.232-0.223-0.214-0.223q0.25 0.25 0.25 0.607t-0.25 0.607l-2.25 2.25 4.571 4.571q0.768-0.768 1.714-0.768 0.929 0 1.625 0.661l6.482 6.482q0.661 0.696 0.661 1.625z"></path> </symbol> <symbol id="icon-bolt" viewBox="0 0 16 32"> <path class="path1" d="M15.804 10.107q0.321 0.357 0.125 0.786l-9.643 20.661q-0.232 0.446-0.75 0.446-0.071 0-0.25-0.036-0.304-0.089-0.455-0.339t-0.080-0.536l3.518-14.429-7.25 1.804q-0.071 0.018-0.214 0.018-0.321 0-0.554-0.196-0.321-0.268-0.232-0.696l3.589-14.732q0.071-0.25 0.286-0.411t0.5-0.161h5.857q0.339 0 0.571 0.223t0.232 0.527q0 0.143-0.089 0.321l-3.054 8.268 7.071-1.75q0.143-0.036 0.214-0.036 0.339 0 0.607 0.268z"></path> </symbol> <symbol id="icon-umbrella" viewBox="0 0 30 32"> <path class="path1" d="M16 14.786v10.357q0 1.857-1.357 3.214t-3.214 1.357-3.214-1.357-1.357-3.214q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804q0 0.893 0.696 1.589t1.589 0.696 1.589-0.696 0.696-1.589v-10.357q0.589-0.196 1.143-0.196t1.143 0.196zM29.714 15.268q0 0.232-0.17 0.402t-0.402 0.17q-0.196 0-0.411-0.179-0.875-0.821-1.661-1.232t-1.821-0.411q-1.214 0-2.286 0.661t-1.839 1.732q-0.125 0.179-0.313 0.5t-0.259 0.429q-0.196 0.304-0.5 0.304-0.321 0-0.518-0.304-0.071-0.107-0.259-0.429t-0.313-0.5q-0.768-1.071-1.83-1.732t-2.277-0.661-2.277 0.661-1.83 1.732q-0.125 0.179-0.313 0.5t-0.259 0.429q-0.196 0.304-0.518 0.304-0.304 0-0.5-0.304-0.071-0.107-0.259-0.429t-0.313-0.5q-0.768-1.071-1.839-1.732t-2.286-0.661q-1.036 0-1.821 0.411t-1.661 1.232q-0.214 0.179-0.411 0.179-0.232 0-0.402-0.17t-0.17-0.402q0-0.089 0.018-0.125 0.804-3.268 3.080-5.705t5.321-3.652 6.438-1.214q2.5 0 4.902 0.714t4.402 2.027 3.473 3.339 2.063 4.491q0.018 0.036 0.018 0.125zM16 2.286v1.75q-0.75-0.036-1.143-0.036t-1.143 0.036v-1.75q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804z"></path> </symbol> <symbol id="icon-coffee" viewBox="0 0 33 32"> <path class="path1" d="M29.714 11.429q0-1.429-1-2.429t-2.429-1h-1.143v6.857h1.143q1.429 0 2.429-1t1-2.429zM0 25.143h32q0 1.893-1.339 3.232t-3.232 1.339h-22.857q-1.893 0-3.232-1.339t-1.339-3.232zM33.143 11.429q0 2.839-2.009 4.848t-4.848 2.009h-1.143v0.571q0 1.643-1.179 2.821t-2.821 1.179h-12.571q-1.643 0-2.821-1.179t-1.179-2.821v-13.143q0-0.464 0.339-0.804t0.804-0.339h20.571q2.839 0 4.848 2.009t2.009 4.848z"></path> </symbol> <symbol id="icon-cutlery" viewBox="0 0 25 32"> <path class="path1" d="M11.429 1.143v11.429q0 1.089-0.634 1.982t-1.652 1.25v13.911q0 0.929-0.679 1.607t-1.607 0.679h-2.286q-0.929 0-1.607-0.679t-0.679-1.607v-13.911q-1.018-0.357-1.652-1.25t-0.634-1.982v-11.429q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804v7.429q0 0.464 0.339 0.804t0.804 0.339 0.804-0.339 0.339-0.804v-7.429q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804v7.429q0 0.464 0.339 0.804t0.804 0.339 0.804-0.339 0.339-0.804v-7.429q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804zM25.143 1.143v28.571q0 0.929-0.679 1.607t-1.607 0.679h-2.286q-0.929 0-1.607-0.679t-0.679-1.607v-9.143h-4q-0.232 0-0.402-0.17t-0.17-0.402v-14.286q0-2.357 1.679-4.036t4.036-1.679h4.571q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-info" viewBox="0 0 11 32"> <path class="path1" d="M11.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-9.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143v-6.857h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h6.857q0.464 0 0.804 0.339t0.339 0.804v10.286h1.143q0.464 0 0.804 0.339t0.339 0.804zM9.143 3.429v3.429q0 0.464-0.339 0.804t-0.804 0.339h-4.571q-0.464 0-0.804-0.339t-0.339-0.804v-3.429q0-0.464 0.339-0.804t0.804-0.339h4.571q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-microphone" viewBox="0 0 21 32"> <path class="path1" d="M20.571 12.571v2.286q0 3.946-2.634 6.866t-6.509 3.348v2.357h4.571q0.464 0 0.804 0.339t0.339 0.804-0.339 0.804-0.804 0.339h-11.429q-0.464 0-0.804-0.339t-0.339-0.804 0.339-0.804 0.804-0.339h4.571v-2.357q-3.875-0.429-6.509-3.348t-2.634-6.866v-2.286q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804v2.286q0 3.304 2.348 5.652t5.652 2.348 5.652-2.348 2.348-5.652v-2.286q0-0.464 0.339-0.804t0.804-0.339 0.804 0.339 0.339 0.804zM16 5.714v9.143q0 2.357-1.679 4.036t-4.036 1.679-4.036-1.679-1.679-4.036v-9.143q0-2.357 1.679-4.036t4.036-1.679 4.036 1.679 1.679 4.036z"></path> </symbol> <symbol id="icon-shield" viewBox="0 0 23 32"> <path class="path1" d="M19.429 17.143v-11.429h-8v20.304q2.125-1.125 3.804-2.446 4.196-3.286 4.196-6.429zM22.857 3.429v13.714q0 1.536-0.598 3.045t-1.482 2.679-2.107 2.277-2.259 1.839-2.161 1.384-1.598 0.884-0.759 0.357q-0.214 0.107-0.464 0.107t-0.464-0.107q-0.286-0.125-0.759-0.357t-1.598-0.884-2.161-1.384-2.259-1.839-2.107-2.277-1.482-2.679-0.598-3.045v-13.714q0-0.464 0.339-0.804t0.804-0.339h20.571q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-rocket" viewBox="0 0 30 32"> <path class="path1" d="M25.714 8q0-0.714-0.5-1.214t-1.214-0.5-1.214 0.5-0.5 1.214 0.5 1.214 1.214 0.5 1.214-0.5 0.5-1.214zM29.714 2.857q0 4.446-1.348 7.687t-4.527 6.438q-1.446 1.429-3.482 3.143l-0.357 6.768q-0.036 0.286-0.286 0.464l-6.857 4q-0.125 0.071-0.286 0.071-0.214 0-0.411-0.161l-1.143-1.143q-0.232-0.25-0.143-0.571l1.518-4.929-5.018-5.018-4.929 1.518q-0.054 0.018-0.161 0.018-0.25 0-0.411-0.161l-1.143-1.143q-0.304-0.339-0.089-0.696l4-6.857q0.179-0.25 0.464-0.286l6.768-0.357q1.714-2.036 3.143-3.482 3.357-3.339 6.393-4.607t7.696-1.268q0.25 0 0.429 0.17t0.179 0.402z"></path> </symbol> <symbol id="icon-html5" viewBox="0 0 25 32"> <path class="path1" d="M20.179 10.661l0.286-3.125h-15.786l0.839 9.536h10.929l-0.393 4.071-3.518 0.946-3.5-0.946-0.232-2.5h-3.125l0.393 4.964 6.464 1.786h0.071v-0.018l6.411-1.768 0.893-9.714h-11.5l-0.268-3.232h12.036zM0 2.286h25.143l-2.286 25.679-10.321 2.893-10.25-2.893z"></path> </symbol> <symbol id="icon-youtube" viewBox="0 0 27 32"> <path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path> </symbol> <symbol id="icon-dropbox" viewBox="0 0 32 32"> <path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path> </symbol> <symbol id="icon-instagram" viewBox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path> </symbol> <symbol id="icon-flickr" viewBox="0 0 27 32"> <path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path> </symbol> <symbol id="icon-tumblr" viewBox="0 0 19 32"> <path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path> </symbol> <symbol id="icon-dribbble" viewBox="0 0 27 32"> <path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-skype" viewBox="0 0 27 32"> <path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path> </symbol> <symbol id="icon-foursquare" viewBox="0 0 23 32"> <path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path> </symbol> <symbol id="icon-female" viewBox="0 0 23 32"> <path class="path1" d="M22.857 18.857q0 0.714-0.5 1.214t-1.214 0.5q-0.911 0-1.429-0.768l-4.054-6.089h-0.804v2.357l4.411 7.339q0.161 0.268 0.161 0.589 0 0.464-0.339 0.804t-0.804 0.339h-3.429v4.857q0 0.821-0.589 1.411t-1.411 0.589h-2.857q-0.821 0-1.411-0.589t-0.589-1.411v-4.857h-3.429q-0.464 0-0.804-0.339t-0.339-0.804q0-0.321 0.161-0.589l4.411-7.339v-2.357h-0.804l-4.054 6.089q-0.518 0.768-1.429 0.768-0.714 0-1.214-0.5t-0.5-1.214q0-0.518 0.286-0.946l4.571-6.857q1.304-1.911 3.143-1.911h6.857q1.839 0 3.143 1.911l4.571 6.857q0.286 0.429 0.286 0.946zM15.429 4.571q0 1.661-1.17 2.83t-2.83 1.17-2.83-1.17-1.17-2.83 1.17-2.83 2.83-1.17 2.83 1.17 1.17 2.83z"></path> </symbol> <symbol id="icon-male" viewBox="0 0 18 32"> <path class="path1" d="M18.286 12.571v7.429q0 0.714-0.5 1.214t-1.214 0.5-1.214-0.5-0.5-1.214v-6.286h-1.143v16.286q0 0.821-0.589 1.411t-1.411 0.589-1.411-0.589-0.589-1.411v-8.286h-1.143v8.286q0 0.821-0.589 1.411t-1.411 0.589-1.411-0.589-0.589-1.411v-16.286h-1.143v6.286q0 0.714-0.5 1.214t-1.214 0.5-1.214-0.5-0.5-1.214v-7.429q0-1.429 1-2.429t2.429-1h11.429q1.429 0 2.429 1t1 2.429zM13.143 4.571q0 1.661-1.17 2.83t-2.83 1.17-2.83-1.17-1.17-2.83 1.17-2.83 2.83-1.17 2.83 1.17 1.17 2.83z"></path> </symbol> <symbol id="icon-vk" viewBox="0 0 35 32"> <path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path> </symbol> <symbol id="icon-space-shuttle" viewBox="0 0 39 32"> <path class="path1" d="M11.071 20q-1.964 1.143-4.786 1.143h-2.286v-1.143h-1.143q-0.232 0-0.402-0.42t-0.17-1.009q0-0.429 0.125-0.875-1.036-0.036-1.723-0.188t-0.688-0.366 0.688-0.366 1.723-0.188q-0.125-0.446-0.125-0.875 0-0.589 0.17-1.009t0.402-0.42h1.143v-1.143h2.286q2.821 0 4.786 1.143h19.875q0.75 0.125 1.902 0.321t1.438 0.25q1.589 0.268 2.679 0.723t1.491 0.848 0.402 0.714-0.402 0.714-1.491 0.848-2.679 0.723q-0.286 0.054-1.438 0.25t-1.902 0.321h-19.875zM31.054 15.5q0.946 0.643 0.946 1.643t-0.946 1.643l1.446 0.536q1.214-0.857 1.214-2.179t-1.214-2.179zM11.161 20.286h18.125q-3.875 0.679-8.143 1.429-1.018 0-2.018 0.429t-1.482 0.857l-0.5 0.429-5.143 5.143q-0.464 0.464-1.259 0.804t-1.598 0.339h-1.714l-1.661-8.286h0.518q2.804 0 4.875-1.143zM6.286 12.857h-0.518l1.661-8.286h1.714q0.821 0 1.607 0.339t1.25 0.804l5.143 5.143q0.071 0.071 0.196 0.188t0.545 0.411 0.866 0.518 1.098 0.411 1.295 0.188l8.143 1.429h-18.125q-2.071-1.143-4.875-1.143z"></path> </symbol> <symbol id="icon-wordpress" viewBox="0 0 32 32"> <path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path> </symbol> <symbol id="icon-stumbleupon" viewBox="0 0 34 32"> <path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path> </symbol> <symbol id="icon-digg" viewBox="0 0 37 32"> <path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path> </symbol> <symbol id="icon-behance" viewBox="0 0 37 32"> <path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path> </symbol> <symbol id="icon-spotify" viewBox="0 0 27 32"> <path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-deviantart" viewBox="0 0 18 32"> <path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path> </symbol> <symbol id="icon-soundcloud" viewBox="0 0 41 32"> <path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path> </symbol> <symbol id="icon-vine" viewBox="0 0 27 32"> <path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path> </symbol> <symbol id="icon-codepen" viewBox="0 0 32 32"> <path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path> </symbol> <symbol id="icon-share-alt" viewBox="0 0 27 32"> <path class="path1" d="M21.714 18.286q2.375 0 4.045 1.67t1.67 4.045-1.67 4.045-4.045 1.67-4.045-1.67-1.67-4.045q0-0.214 0.036-0.607l-6.429-3.214q-1.643 1.536-3.893 1.536-2.375 0-4.045-1.67t-1.67-4.045 1.67-4.045 4.045-1.67q2.25 0 3.893 1.536l6.429-3.214q-0.036-0.393-0.036-0.607 0-2.375 1.67-4.045t4.045-1.67 4.045 1.67 1.67 4.045-1.67 4.045-4.045 1.67q-2.25 0-3.893-1.536l-6.429 3.214q0.036 0.393 0.036 0.607t-0.036 0.607l6.429 3.214q1.643-1.536 3.893-1.536z"></path> </symbol> <symbol id="icon-slideshare" viewBox="0 0 32 32"> <path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path> </symbol> <symbol id="icon-twitch" viewBox="0 0 32 32"> <path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path> </symbol> <symbol id="icon-yelp" viewBox="0 0 27 32"> <path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path> </symbol> <symbol id="icon-paint-brush" viewBox="0 0 32 32"> <path class="path1" d="M28.839 0q1.25 0 2.188 0.83t0.938 2.080q0 1.125-0.804 2.696-5.929 11.232-8.304 13.429-1.732 1.625-3.893 1.625-2.25 0-3.866-1.652t-1.616-3.92q0-2.286 1.643-3.786l11.393-10.339q1.054-0.964 2.321-0.964zM12.607 18.464q0.696 1.357 1.902 2.321t2.688 1.357l0.018 1.268q0.071 3.804-2.313 6.196t-6.223 2.393q-2.196 0-3.893-0.83t-2.723-2.277-1.545-3.268-0.518-3.929q0.125 0.089 0.732 0.536t1.107 0.795 1.054 0.652 0.821 0.304q0.732 0 0.982-0.661 0.446-1.179 1.027-2.009t1.241-1.357 1.571-0.848 1.839-0.455 2.232-0.188z"></path> </symbol> <symbol id="icon-meanpath" viewBox="0 0 27 32"> <path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path> </symbol> <symbol id="icon-diamond" viewBox="0 0 37 32"> <path class="path1" d="M3.786 13.714l11.125 11.875-5.357-11.875h-5.768zM18.286 27.5l6.232-13.786h-12.464zM9.607 11.429l3.643-6.857h-4.679l-5.143 6.857h6.179zM21.661 25.589l11.125-11.875h-5.768zM12.196 11.429h12.179l-3.643-6.857h-4.893zM26.964 11.429h6.179l-5.143-6.857h-4.679zM29.482 2.75l6.857 9.143q0.25 0.321 0.232 0.741t-0.304 0.723l-17.143 18.286q-0.321 0.357-0.839 0.357t-0.839-0.357l-17.143-18.286q-0.286-0.304-0.304-0.723t0.232-0.741l6.857-9.143q0.321-0.464 0.911-0.464h20.571q0.589 0 0.911 0.464z"></path> </symbol> <symbol id="icon-pinterest-p" viewBox="0 0 23 32"> <path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path> </symbol> <symbol id="icon-medium" viewBox="0 0 32 32"> <path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path> </symbol> <symbol id="icon-get-pocket" viewBox="0 0 31 32"> <path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path> </symbol> <symbol id="icon-vimeo" viewBox="0 0 32 32"> <path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path> </symbol> <symbol id="icon-reddit-alien" viewBox="0 0 32 32"> <path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path> </symbol> <symbol id="icon-snapchat-ghost" viewBox="0 0 30 32"> <path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path> </symbol> <symbol id="icon-arrow-circle-left" viewBox="0 0 27 32"> <path class="path1" d="M22.857 17.143v-2.286q0-0.464-0.339-0.804t-0.804-0.339h-8.964l3.375-3.375q0.339-0.339 0.339-0.804t-0.339-0.804l-1.625-1.625q-0.321-0.321-0.804-0.321t-0.804 0.321l-8.089 8.089q-0.321 0.321-0.321 0.804t0.321 0.804l8.089 8.089q0.321 0.321 0.804 0.321t0.804-0.321l1.625-1.625q0.321-0.321 0.321-0.804t-0.321-0.804l-3.375-3.375h8.964q0.464 0 0.804-0.339t0.339-0.804zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-arrow-circle-right" viewBox="0 0 27 32"> <path class="path1" d="M22.946 16q0-0.482-0.321-0.804l-8.089-8.089q-0.321-0.321-0.804-0.321t-0.804 0.321l-1.625 1.625q-0.321 0.321-0.321 0.804t0.321 0.804l3.375 3.375h-8.964q-0.464 0-0.804 0.339t-0.339 0.804v2.286q0 0.464 0.339 0.804t0.804 0.339h8.964l-3.375 3.375q-0.339 0.339-0.339 0.804t0.339 0.804l1.625 1.625q0.321 0.321 0.804 0.321t0.804-0.321l8.089-8.089q0.321-0.321 0.321-0.804zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-quotes-left" viewBox="0 0 32 32"> <path class="path1" d="M7.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.357-0.056 0.724-0.086 1.097-0.086zM25.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.358-0.056 0.724-0.086 1.097-0.086z"></path> </symbol> <symbol id="icon-download" viewBox="0 0 30 32"> <path class="path1" d="M22.857 24q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM27.429 24q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM29.714 20v5.714q0 0.714-0.5 1.214t-1.214 0.5h-26.286q-0.714 0-1.214-0.5t-0.5-1.214v-5.714q0-0.714 0.5-1.214t1.214-0.5h8.304l2.411 2.429q1.036 1 2.429 1t2.429-1l2.429-2.429h8.286q0.714 0 1.214 0.5t0.5 1.214zM23.911 9.839q0.304 0.732-0.25 1.25l-8 8q-0.321 0.339-0.804 0.339t-0.804-0.339l-8-8q-0.554-0.518-0.25-1.25 0.304-0.696 1.054-0.696h4.571v-8q0-0.464 0.339-0.804t0.804-0.339h4.571q0.464 0 0.804 0.339t0.339 0.804v8h4.571q0.75 0 1.054 0.696z"></path> </symbol> <symbol id="icon-tablet" viewBox="0 0 21 32"> <path d="M11.429 25.143q0-0.464-0.339-0.804t-0.804-0.339-0.804 0.339-0.339 0.804 0.339 0.804 0.804 0.339 0.804-0.339 0.339-0.804zM18.286 22.286v-17.143q0-0.232-0.17-0.402t-0.402-0.17h-14.857q-0.232 0-0.402 0.17t-0.17 0.402v17.143q0 0.232 0.17 0.402t0.402 0.17h14.857q0.232 0 0.402-0.17t0.17-0.402zM20.571 5.143v19.429q0 1.179-0.839 2.018t-2.018 0.839h-14.857q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h14.857q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-file-text-o" viewBox="0 0 27 32"> <path d="M26.214 6.786q0.5 0.5 0.857 1.357t0.357 1.571v20.571q0 0.714-0.5 1.214t-1.214 0.5h-24q-0.714 0-1.214-0.5t-0.5-1.214v-28.571q0-0.714 0.5-1.214t1.214-0.5h16q0.714 0 1.571 0.357t1.357 0.857zM18.286 2.429v6.714h6.714q-0.179-0.518-0.393-0.732l-5.589-5.589q-0.214-0.214-0.732-0.393zM25.143 29.714v-18.286h-7.429q-0.714 0-1.214-0.5t-0.5-1.214v-7.429h-13.714v27.429h22.857zM6.857 14.286q0-0.25 0.161-0.411t0.411-0.161h12.571q0.25 0 0.411 0.161t0.161 0.411v1.143q0 0.25-0.161 0.411t-0.411 0.161h-12.571q-0.25 0-0.411-0.161t-0.161-0.411v-1.143zM20 18.286q0.25 0 0.411 0.161t0.161 0.411v1.143q0 0.25-0.161 0.411t-0.411 0.161h-12.571q-0.25 0-0.411-0.161t-0.161-0.411v-1.143q0-0.25 0.161-0.411t0.411-0.161h12.571zM20 22.857q0.25 0 0.411 0.161t0.161 0.411v1.143q0 0.25-0.161 0.411t-0.411 0.161h-12.571q-0.25 0-0.411-0.161t-0.161-0.411v-1.143q0-0.25 0.161-0.411t0.411-0.161h12.571z"></path> </symbol> <symbol id="icon-weibo" viewBox="0 0 32 32"> <path d="M12.054 22.929q0.375-0.607 0.196-1.232t-0.804-0.893q-0.607-0.25-1.304-0.018t-1.071 0.821q-0.393 0.607-0.232 1.223t0.768 0.902 1.33 0.045 1.116-0.848zM13.732 20.768q0.143-0.232 0.063-0.473t-0.313-0.33q-0.25-0.089-0.509 0.009t-0.384 0.33q-0.304 0.554 0.232 0.804 0.25 0.089 0.518-0.009t0.393-0.33zM16.839 22.679q-0.804 1.821-2.821 2.679t-4 0.214q-1.911-0.607-2.634-2.259t0.116-3.348q0.839-1.661 2.705-2.482t3.759-0.339q1.982 0.518 2.83 2.134t0.045 3.402zM22.411 19.821q-0.161-1.714-1.589-3.036t-3.723-1.946-4.902-0.375q-3.982 0.411-6.598 2.527t-2.366 4.723q0.161 1.714 1.589 3.036t3.723 1.946 4.902 0.375q3.982-0.411 6.598-2.527t2.366-4.723zM27.911 19.893q0 1.214-0.661 2.491t-1.946 2.446-3.009 2.098-4.036 1.482-4.83 0.554-4.911-0.598-4.295-1.661-3.063-2.696-1.161-3.563q0-2.054 1.241-4.375t3.527-4.607q3.018-3.018 6.098-4.214t4.402 0.125q1.161 1.143 0.357 3.732-0.071 0.25-0.018 0.357t0.179 0.125 0.259-0.009 0.241-0.063l0.107-0.036q2.482-1.054 4.393-1.054t2.732 1.089q0.804 1.125 0 3.179-0.036 0.232-0.080 0.357t0.080 0.223 0.214 0.134 0.304 0.107q1.018 0.321 1.839 0.839t1.429 1.455 0.607 2.080zM26.589 8.75q0.75 0.839 0.973 1.938t-0.116 2.098q-0.143 0.411-0.527 0.607t-0.795 0.071q-0.411-0.143-0.607-0.527t-0.071-0.795q0.357-1.125-0.429-1.982t-1.911-0.625q-0.429 0.089-0.804-0.143t-0.446-0.661q-0.089-0.429 0.143-0.795t0.661-0.455q1.071-0.232 2.125 0.098t1.804 1.17zM29.821 5.839q1.554 1.714 2.009 3.973t-0.241 4.313q-0.161 0.482-0.607 0.714t-0.929 0.071-0.714-0.607-0.089-0.929q0.5-1.464 0.179-3.071t-1.429-2.821q-1.107-1.232-2.643-1.705t-3.089-0.152q-0.5 0.107-0.929-0.17t-0.536-0.777 0.17-0.92 0.777-0.527q2.196-0.464 4.357 0.205t3.714 2.402z"></path> </symbol> </defs> </svg> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> </body> </html>