{"id":879,"date":"2022-03-25T09:50:18","date_gmt":"2022-03-25T09:50:18","guid":{"rendered":"https:\/\/myonvent.com\/blog\/?p=879"},"modified":"2023-10-13T09:54:34","modified_gmt":"2023-10-13T09:54:34","slug":"insight-myonvents-design-accessibility","status":"publish","type":"post","link":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/","title":{"rendered":"Insight: myOnvent&#8217;s Design Accessibility"},"content":{"rendered":"\n<p><strong>At myOnvent, we take pride in our platform being accessible to everyone \u2013 there\u2019s a reason why our tagline is \u201cNext generation events for all\u201d. Quite early in our platform-building process, our Design Team took steps to ensure that our design practices and policies followed the Web Content Accessibility Guidelines (WCAG) &#8211; a series of regulations that \u201cmake web content more accessible to people with disabilities\u201d (<a href=\"http:\/\/At myOnvent, we take pride in our platform being accessible to everyone \u2013 there\u2019s a reason why our tagline is \u201cNext generation events for all\u201d. Quite early in our platform-building process, our Design Team took steps to ensure that our design practices and policies followed the Web Content Accessibility Guidelines (WCAG) - a series of regulations that \u201cmake web content more accessible to people with disabilities\u201d (W3C). This piece was written by our Design Lead, Den Tkachenko, and will explore the reasons why design and accessibility go hand-in-hand, and a few key processes we\u2019ve undertaken to have our platform Accessible for All.\">W3C<\/a>). This piece was written by our Design Lead, Den Tkachenko, and will explore the reasons why design and accessibility go hand-in-hand, and a few key processes we\u2019ve undertaken to have our platform Accessible for All.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility in Design<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large has-small-font-size\">\n<p>\u201cBeing accessible should mean that <strong>nobody is excluded from doing or using something<\/strong>, and they should be able to do so with a reasonably <strong>equal amount of effort and time as those without a disability<\/strong>\u201d &#8211; <a href=\"https:\/\/www.instagram.com\/invisiblymeblog\">InvisiblyMeBlog<\/a><\/p>\n<\/blockquote>\n\n\n\n<p><br>Accessibility can be a strange or vague term, as it has so many varying applications in different fields. However, when it comes to web apps and web design, the core message remains: \u201cWeb accessibility means that people with disabilities can use the Web equally\u201d &#8211; <a href=\"https:\/\/www.linkedin.com\/in\/shadiabouzahra\/\">Shadi Abou-Zahra<\/a> (Accessibility &amp; Standards Expert)<\/p>\n\n\n\n<p>Here is the key point: if you have a product, it should be accessible for all. Universal. Respectful.<\/p>\n\n\n\n<p><br>In design, you never really know the point at which you should take care of accessibility. We found that the best is to do it right from the beginning (we didn\u2019t, but it\u2019s never too late to fix it!!). In the early stage of our accessibility matureness, a client of ours (<a href=\"https:\/\/www.linkedin.com\/in\/victornystad\/\">Victor Nystad<\/a> from Equinor, Norway\u2019s largest oil &amp; gas company) got in touch with our Design Team with a set of suggestions on how to improve accessibility on our platform. This spark opened a whole new chapter for us: to ensure that each and every participant of myOnvent&#8217;s platform was equal and received a full platform experience.<\/p>\n\n\n\n<p>Today there are 3 main pillars relating to inclusivity in design. As <a href=\"http:\/\/www.nngroup.com\/articles\/inclusive-design\">NN Group<\/a> affirms, \u201ctwo concepts related to <strong>inclusive design<\/strong> that are often mixed up with it are <strong>accessibility<\/strong> and <strong>universal design<\/strong>. All three concepts aim to reduce barriers between humans and technology and create inclusive experiences\u201d.<\/p>\n\n\n\n<p>The difference between Accessibility and Universal Design is that first aims to \u201c<strong>ensure that interfaces and technology can be used by people with disabilities\u201d<\/strong>, while the second aims to <strong>\u201ccreate <em>one<\/em> experience that can be accessed and used to the greatest extent possible by all people\u201d<\/strong>, which would mean creating <strong>\u201ca single design solution without the need for adaptations or specialized design\u201d<\/strong>. Long story short, inclusive design is a golden middle ground between WCAG Accessibility rules on one side, and costly universal design that often entails multiple functional variations of the interface on the other.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"320\" src=\"https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-1024x320.png\" alt=\"\" class=\"wp-image-900\" srcset=\"https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-1024x320.png 1024w, https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-400x125.png 400w, https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-768x240.png 768w, https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-1536x480.png 1536w, https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/unnamed-2048x640.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\">(myOnvent&#8217;s colour scheme divided by the object type)<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large has-small-font-size\">\n<p>Inclusive design is a golden middle ground between WCAG Accessibility rules as one option, and costly Universal Design as the other.<\/p>\n<\/blockquote>\n\n\n\n<p>Now, let\u2019s quickly jump from the more boring theory to something more engaging &#8211; practical examples and recommendations.&nbsp;(Disclaimer: This reading is not a Wikipedia article, and we only cover 3 core inclusive design principles. You can find more at <a href=\"https:\/\/www.w3.org\/\">w3c<\/a>, <a href=\"https:\/\/aim.gov.ie\/aim-supports\/universal-design-guidelines\/\">AIM<\/a>, and <a href=\"https:\/\/www.nngroup.com\/articles\/inclusive-design\/\">NN Group<\/a>.)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rule #1: Your text should be readable<\/h2>\n\n\n\n<p><span style=\"text-decoration: underline;\">WHY<\/span>? &#8220;More than a quarter of the world&#8217;s population \u2014 some 2.2 billion people \u2014 suffer from vision impairment, out of which one billion cases could have been prevented or have been left unaddressed&#8221; &#8211; <em>World Vision Report 2019<\/em>, World Health Organization (via <a href=\"https:\/\/www.downtoearth.org.in\/news\/health\/more-than-a-quarter-of-the-world-s-population-has-vision-impairment-who-67147\">DownToEarth<\/a>).<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">HOW<\/span>? Use a good combination of size and colour contrast. WCAG provides 3 levels of access: A (easiest), AA, and AAA (strictest). At myOnvent, we decided to meet AA requirements as a baseline, and AAA where possible (this is because we providing a virtual event experience for all, which means not everything can be just black and white &#8211; that is the usual recommendation for AAA-level).<\/p>\n\n\n\n<p class=\"has-text-align-center\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/avIlIpGfnWAHTeygY6jBtuZ8qe8nj11vsT0hrccXW-garpWbJJpVamAX8UKJWy1ET2bMT1fNLXyVjMTpjNVlK6-abp1fpNRhxCf1LtBpdRBGbZgAktwcsIQ36LLEIaCvjgxP-qYp\" width=\"624\" height=\"243\"><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">(These are two different body-text styles we use at myOnvent, and both are above 12pt.)<\/p>\n\n\n\n<p>Font Size: not less than 12pt. This is a rule of thumb.<br>Text Contrast Ratio: 4.5:1. Never lower. Sometimes, where the text is small, we enhance the contrast ratio to 7:1 which meets the highest AAA standard &#8211; usually we do this when the text is a must-read.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"161\" src=\"https:\/\/lh6.googleusercontent.com\/KUCQpaI9YfAOuqNl7vlBibLbqO6EIdSl-dYgHeIsOkuabsN5roh4oNIiLxw7MyKXW_ZvFap-0kcyNwKEzJL1hluGXO70tFn0QudLo1exTg1Kf7k9q1SlJTilTnfUYlb8MrCuW4hE\"><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">(Examples of different Text Contrast Ratios)<\/p>\n\n\n\n<p>At the #Config Conference organized by <a href=\"https:\/\/www.figma.com\/\">Figma<\/a>, guest speaker <a href=\"https:\/\/www.linkedin.com\/in\/annaecook\/\">Anna Cook<\/a> explained that the ideal \u201ccontrasts of button borders, icons, and other interface elements is at least 3.0:1\u201d. Our designers try to never design buttons or icons with less than A-level contrast, which means 3:1 or above.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/etdOFOZRRXLjYg0cA7kYDaqwdBsvAL17cX7W_uQXidwlT5MK8y1ZQx5vWQ-_EMbYS4QdMx4C5Sp_btryPVdv_AlyXFoSC_GQO_8dN2jf4l49lubnxH6kBjgoq6eRTMg5kZNh-uxP\" style=\"width: 500px;\"><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">(Here you can visually see how the contrast ratio influences the readability &#8211; this example also shows how the Stark plugin works).<\/p>\n\n\n\n<p>How can we make sure we&#8217;re following the right path? There are a number of tools out there. At myOnvent, we use the <a href=\"https:\/\/www.getstark.co\/\">Figma+Stark plugin<\/a>, which shows you the necessary contrast aspects. It\u2019s not a common task to check contrast each and every day, so once we agreed on the rules, the whole design system was updated appropriately. All the colours were checked in pairs and we defined which colours could be used for different texts and for different backgrounds.<\/p>\n\n\n\n<p><strong>TOP TIP<\/strong>: in the beginning, it seems like making inclusive design is an enormous effort. It&#8217;s not! Once you set up the design system according to your inclusivity policies, it&#8217;s done &#8211; you don&#8217;t even have think about colour contrast aspects etc, they&#8217;re done. And at the same time, having a proper WCAG-compliant design will make the life of lot of your users much easier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rule #2: Focus States<\/h2>\n\n\n\n<p><span style=\"text-decoration: underline;\">WHY<\/span>? Focus states refers to any clickable element of your interface that shows up while using keyboard navigation. With at least 1 billion people across the world experiencing some form of disability (via the <a href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\">World Bank<\/a>), keyboard navigation is a common tool used to interact with different web elements.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">HOW<\/span>? The easiest way is to set up a catchy focus state on each clickable element, in addition to default elements states (such as \u2018normal\u2019, \u2018active\u2019, hover\u2019, and \u2018disable\u2019 &#8211; see image below). At myOnvent, we use different backgrounds and the full spectrum of all possible controls. Because we weren&#8217;t happy with the focus states embedded by default in the browser, our solution was to create our own focus state that differed from all other states, and was visible with any kind of background: dark, light, coloured, and neutral.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\"><img decoding=\"async\" style=\"width: 550px;\" src=\"https:\/\/lh5.googleusercontent.com\/CcUrl6Cn8GCu3a7ni_Iuz3fLJA0CqwuSrmuT_gkmGYs65ts8gnUo4dM6SFRNvsG08WPgGRDLyDKyi495Qg1RTRnU2Bb5fwdC0L6AhnYgiT1IfBF26ZqzJerJ5mkZrSnWruDpiDq9\"><br>Above you can see different states of the checkbox, including the focused state. We used a dashed 2px outline with the brand colour so that it would be visible with both dark- and light-themed backgrounds.<\/p>\n\n\n\n<p>A designer should not only provide the focus state but also make sure it is properly implemented in Development. This means that all clickable elements must have its proper &lt;div&gt; properties, where button will be &lt;btn&gt; and not &lt;a&gt; (link), etc. Additionally, you should also ensure that the keyboard navigation goes from top left to right with the header as the first step, and again from left to right as you go along (at least for RTL interfaces). See the photo below for we do this:<\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\"><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"352\" src=\"https:\/\/lh6.googleusercontent.com\/EcIAVWIvXa0qDNHcfMmf4skPF1kLatomgs8bIrE7kk9pGCqoLTyd10sdu0n_pT_lKy4yE7R9RpAgsbWoj2JVYppKGT-HSvVer2w51PB8otXhTtaOSFrM46pN-JHFQs-Kbq7Ac3_T\"><br>In the image above, you can see the direction of keyboard navigation flows (left to right, top to bottom, etc.)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rule #3: Error Prevention<\/h2>\n\n\n\n<p>&#8220;To join in the industrial revolution, you needed to open a factory; in the Internet revolution, you need to open a laptop.&#8221; &#8211; Alexis Ohanian (Reddit co-Founder and Executive Chairman)<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">WHY<\/span>? Despite the fact that opening a laptop is an easy task, making mistakes online is still quite normal. However, <strong>if your interface leads users to make mistakes, it\u2019s a bad experience<\/strong>. At myOnvent, we try to reduce the possibility of making mistakes. Having a product for everyone means crafting every steps in the user flow similar to what you can see in accessible cities &#8211; each step with its own signs and buttons, like traffic lights.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">HOW<\/span>? As the <a href=\"http:\/\/w3c.org\">WCAG Guidelines dictate<\/a> (<em>Success Criterion 3.3.6 Error Prevention<\/em>):<br>&#8220;For Web pages that require the user to submit information, at least one of the following is true:<br>&#8211; Submissions are reversible<br>&#8211; Data entered by the user is checked for input errors and the user is provided an opportunity to correct them<br>&#8211; A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.&#8221;<\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\"><img decoding=\"async\" style=\"width: 550px;\" src=\"https:\/\/lh3.googleusercontent.com\/-DOYNLh-_E_qJ0jxCDVwatLKl5BnLvCVigUEQFjUjJuyHc2hPSFCcjK_GDI9_O_sWfAyDtkhAiw-_Md4KrGCl3Qsc_jF5N4DmwMko2AS00LibRgq6zmn2vo8nwLd6PCRgxMCHuUC\"><br>In this image, you can see the variable components in the input field with help text, placeholder text, and text on the error state &#8211; 3 easy steps to make an errorless experience.<\/p>\n\n\n\n<p>There is no golden rule on how to meet this requirement, but there is a simple checklist to check when it comes to the user flow:<br>1. Is the submission reversible?<br>2. Is the user&#8217;s data checked and validated?<br>3. Is the data can be edited and changed after it&#8217;s filled?<\/p>\n\n\n\n<p>In a single day, a regular internet user will make lots of actions that provide data. Things as simple as signing up to a new service, selecting a date and time for a hairdresser appointment, completing the payment form to close the electricity bill, etc.&nbsp;Whenever the myOnvent platform has an input field, it always meets the errorless approach so that the user feels comfortable and can use our platform without any interruptions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Outcome<\/h2>\n\n\n\n<p>It\u2019s not a big deal to design a web application. But, in order to make it good, you should take care of all your users. That way, regardless of any disability, all your users are happy to use it.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">WHY<\/span>? Because as you create your inclusive and universal experience, you actually fix a lot of small problems for all users, and get back all the corners you cut.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">HOW<\/span>? Just give it a try &#8211; you will never step back.&nbsp;<\/p>\n\n\n\n<p>If you&#8217;re interested in organising an online event and Accessibility and Universal Design are important to you, we would be really happy to explore our platform further with you &#8211; just <a href=\"&#x6d;&#97;&#105;l&#x74;&#x6f;&#58;s&#x61;&#x6c;&#101;s&#64;&#x6d;&#121;&#111;n&#x76;&#x65;&#110;t&#x2e;&#x63;&#111;&#109;\">drop our team a quick message<\/a> and we&#8217;ll set something up. Speak to you soon!!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn from Den (myOnvent\u2019s Design Lead) why inclusive and accessible design is important, and 3 easy rules to do it yourself.<\/p>\n","protected":false},"author":5,"featured_media":895,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11,81],"tags":[84,82,85,83],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Insight: myOnvent&#039;s Design Accessibility - myOnvent blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Insight: myOnvent&#039;s Design Accessibility - myOnvent blog\" \/>\n<meta property=\"og:description\" content=\"Learn from Den (myOnvent\u2019s Design Lead) why inclusive and accessible design is important, and 3 easy rules to do it yourself.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"myOnvent blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-25T09:50:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-13T09:54:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/myOnvent_onlineevents_virtualevents_onlineeventplatform_accessibility_universaldesign_webdesign-copy-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2551\" \/>\n\t<meta property=\"og:image:height\" content=\"1779\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alexander Barbier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alexander Barbier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\"},\"author\":{\"name\":\"Alexander Barbier\",\"@id\":\"https:\/\/myonvent.com\/blog\/#\/schema\/person\/017d3a3137ae1d5b7a4c114531444005\"},\"headline\":\"Insight: myOnvent&#8217;s Design Accessibility\",\"datePublished\":\"2022-03-25T09:50:18+00:00\",\"dateModified\":\"2023-10-13T09:54:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\"},\"wordCount\":1687,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/myonvent.com\/blog\/#organization\"},\"keywords\":[\"Accessibility\",\"Universal Design\",\"WCAG\",\"Web Design\"],\"articleSection\":[\"Articles\",\"Insights\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\",\"url\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\",\"name\":\"Insight: myOnvent's Design Accessibility - myOnvent blog\",\"isPartOf\":{\"@id\":\"https:\/\/myonvent.com\/blog\/#website\"},\"datePublished\":\"2022-03-25T09:50:18+00:00\",\"dateModified\":\"2023-10-13T09:54:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myonvent.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Insight: myOnvent&#8217;s Design Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myonvent.com\/blog\/#website\",\"url\":\"https:\/\/myonvent.com\/blog\/\",\"name\":\"myOnvent blog\",\"description\":\"Events for all\",\"publisher\":{\"@id\":\"https:\/\/myonvent.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myonvent.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myonvent.com\/blog\/#organization\",\"name\":\"myOnvent\",\"url\":\"https:\/\/myonvent.com\/blog\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/myonvent.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"myOnvent\"},\"image\":{\"@id\":\"https:\/\/myonvent.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myonvent.com\/blog\/#\/schema\/person\/017d3a3137ae1d5b7a4c114531444005\",\"name\":\"Alexander Barbier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/myonvent.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f340a6c4c7e8cfc72aa2acde7c1c4df6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f340a6c4c7e8cfc72aa2acde7c1c4df6?s=96&d=mm&r=g\",\"caption\":\"Alexander Barbier\"},\"url\":\"https:\/\/myonvent.com\/blog\/author\/alexander_barbier\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Insight: myOnvent's Design Accessibility - myOnvent blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/","og_locale":"en_US","og_type":"article","og_title":"Insight: myOnvent's Design Accessibility - myOnvent blog","og_description":"Learn from Den (myOnvent\u2019s Design Lead) why inclusive and accessible design is important, and 3 easy rules to do it yourself.","og_url":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/","og_site_name":"myOnvent blog","article_published_time":"2022-03-25T09:50:18+00:00","article_modified_time":"2023-10-13T09:54:34+00:00","og_image":[{"width":2551,"height":1779,"url":"https:\/\/myonvent.com\/blog\/wp-content\/uploads\/2022\/03\/myOnvent_onlineevents_virtualevents_onlineeventplatform_accessibility_universaldesign_webdesign-copy-2.jpg","type":"image\/jpeg"}],"author":"Alexander Barbier","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alexander Barbier","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#article","isPartOf":{"@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/"},"author":{"name":"Alexander Barbier","@id":"https:\/\/myonvent.com\/blog\/#\/schema\/person\/017d3a3137ae1d5b7a4c114531444005"},"headline":"Insight: myOnvent&#8217;s Design Accessibility","datePublished":"2022-03-25T09:50:18+00:00","dateModified":"2023-10-13T09:54:34+00:00","mainEntityOfPage":{"@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/"},"wordCount":1687,"commentCount":0,"publisher":{"@id":"https:\/\/myonvent.com\/blog\/#organization"},"keywords":["Accessibility","Universal Design","WCAG","Web Design"],"articleSection":["Articles","Insights"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/","url":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/","name":"Insight: myOnvent's Design Accessibility - myOnvent blog","isPartOf":{"@id":"https:\/\/myonvent.com\/blog\/#website"},"datePublished":"2022-03-25T09:50:18+00:00","dateModified":"2023-10-13T09:54:34+00:00","breadcrumb":{"@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/myonvent.com\/blog\/insight-myonvents-design-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myonvent.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Insight: myOnvent&#8217;s Design Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/myonvent.com\/blog\/#website","url":"https:\/\/myonvent.com\/blog\/","name":"myOnvent blog","description":"Events for all","publisher":{"@id":"https:\/\/myonvent.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myonvent.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/myonvent.com\/blog\/#organization","name":"myOnvent","url":"https:\/\/myonvent.com\/blog\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/myonvent.com\/blog\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"myOnvent"},"image":{"@id":"https:\/\/myonvent.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myonvent.com\/blog\/#\/schema\/person\/017d3a3137ae1d5b7a4c114531444005","name":"Alexander Barbier","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/myonvent.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f340a6c4c7e8cfc72aa2acde7c1c4df6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f340a6c4c7e8cfc72aa2acde7c1c4df6?s=96&d=mm&r=g","caption":"Alexander Barbier"},"url":"https:\/\/myonvent.com\/blog\/author\/alexander_barbier\/"}]}},"_links":{"self":[{"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/posts\/879"}],"collection":[{"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/comments?post=879"}],"version-history":[{"count":20,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/posts\/879\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/posts\/879\/revisions\/1193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/media\/895"}],"wp:attachment":[{"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/media?parent=879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/categories?post=879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myonvent.com\/blog\/wp-json\/wp\/v2\/tags?post=879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}