{"id":23576,"date":"2021-02-03T02:10:00","date_gmt":"2021-02-03T10:10:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=23576"},"modified":"2021-12-20T03:08:57","modified_gmt":"2021-12-20T11:08:57","slug":"accessibility-apps","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/","title":{"rendered":"Things Every Designer Needs to Know About Accessibility"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility-1024x512.png\" alt=\"Things every designer needs to know about accessibility\" class=\"wp-image-23577\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Table of contents<\/h2><ul><li><a href=\"#h-not-everyone-can-see-colors\" data-level=\"2\">Not everyone can see colors<\/a><\/li><li><a href=\"#h-don-t-make-users-hover-for-information\" data-level=\"2\">Don\u2019t make users hover for information<\/a><\/li><li><a href=\"#h-create-higher-contrast-text\" data-level=\"2\">Create higher contrast text<\/a><\/li><li><a href=\"#h-make-form-field-boundaries-obvious\" data-level=\"2\">Make form field boundaries obvious<\/a><\/li><li><a href=\"#h-add-a-way-to-see-where-the-keyboard-focus-is\" data-level=\"2\">Add a way to see where the keyboard focus is<\/a><\/li><li><a href=\"#h-have-people-test-the-site-or-app\" data-level=\"2\">Have people test the site or app<\/a><\/li><\/ul><\/div>\n\n\n\n<p>Developing an app or website isn\u2019t just about creating what you know. It also means considering accessibility and how those who are different from yourself will use the site. Ideally, your design should allow anyone, regardless of abilities to use your app and easily get information from it. Unfortunately, many designers never stop to think about this side of design.<\/p>\n\n\n\n<p>What do you need to know about accessibility? First, it means that your program should be useful to someone who cannot hear or someone who cannot see, etc. Consider all the angles and then create something that will work for everyone. You can learn more about making the web accessible by reading the <a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\">Web Content Accessibility Guidelines 2.0<\/a>.<\/p>\n\n\n\n<p>Second, you should be able to create an amazing design, while making your app better. It doesn\u2019t require making things look terrible or feel clunky.<\/p>\n\n\n\n<p>Here\u2019s what you need to consider when designing an <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/mirror-app-mobile-prototypes\/\">accessible product<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-not-everyone-can-see-colors\"><strong>Not everyone can see colors<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_5.png\" alt=\"1 5\" class=\"wp-image-23578\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_5.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_5-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>There are a large number of people who are colorblind or have low vision. They may not be able to distinguish colors easily and if they are completely blind, colors won\u2019t make a difference at all. While you can add colors to your project, keep in mind that many people won\u2019t be able to differentiate between subtle changes, so bigger differences in tone are best.<\/p>\n\n\n\n<p>Look at <a href=\"https:\/\/blog.ai-media.tv\/blog\/6-awesome-accessibility-apps\">your app<\/a> in grayscale to get a better idea what someone with low vision may see. You should also add backups for any information that is provided by color only. For example, if you only use red highlights or outlines to mark an error field (no name added, etc.), there should be a symbol or text sharing which sections have errors. This goes for anything you might use color to convey. Include text or a visual descriptor so anyone can understand what is happening on the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-don-t-make-users-hover-for-information\"><strong>Don\u2019t make users hover for information<\/strong><\/h2>\n\n\n\n<p>For those with difficulty managing a mouse, trying to hover over a specific point on the screen long enough to get information can be frustrating. Drop down menus are a good example of this. You want to avoid causing difficulties, so make the text pop down when the mouse passes over or have it open with a click. It should then be possible to move through the list with the keyboard.<\/p>\n\n\n\n<p>Keep in mind that if you add other options below the original label, the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/voice-first-design-a-movement-toward-voice-based-interaction\/\">accessibility software<\/a> may not have the ability to explain what is there. Keep the design simple and any extra information or elements on the page itself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-create-higher-contrast-text\"><strong>Create higher contrast text<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_5.png\" alt=\"2 5\" class=\"wp-image-23579\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_5.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_5-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Have you ever tried to read text that is too small and light on a screen? It\u2019s very difficult and strains your eyes. For some users, this is the case with regular text when the contrast isn\u2019t high enough. You should always make sure you have enough contrast between the text and its background. Aim for a minimum of 4.5 to 1. Another way to help <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/website-app-accessibility-guidelines\/\">make text more readable<\/a> is to increase the font size or use bold text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-make-form-field-boundaries-obvious\"><strong>Make form field boundaries obvious<\/strong><\/h2>\n\n\n\n<p>It\u2019s not always easy to see exactly where you need to click with your mouse in order to start searching or to input data on a form. While many forms have obvious text boxes, there are more than a few that just show a blank space that blends with the background. Others contain text that makes it hard to tell just where you need to start clicking. It\u2019s relatively simple to add a rectangle around the input box and this makes it that much more accessible. You could also add text saying something like \u201cclick here\u201d or \u201center name here.\u201d<\/p>\n\n\n\n<p>Forms should also include labels instead of filler text. This makes it more obvious what is expected where. You make it easier on the user by simply putting a high contrast label on your form fields.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-a-way-to-see-where-the-keyboard-focus-is\"><strong>Add a way to see where the keyboard focus is<\/strong><\/h2>\n\n\n\n<p>The use of reset style sheets has made life simpler for designers, but it also makes it difficult to navigate a website using only a keyboard. You\u2019ll want to increase the ease of use for the end user by creating a unique focus box.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/3_5.png\" alt=\"3 5\" class=\"wp-image-23580\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/3_5.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/3_5-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Your focus indicator needs to be obvious, even without color. Create a focus indicator for your page or app and then make it obvious even in grayscale. Adding a tooltip can make it more obvious and helps everyone see exactly where the keyboard focus is.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-have-people-test-the-site-or-app\"><strong>Have people test the site or app<\/strong><\/h2>\n\n\n\n<p>There\u2019s nothing better than <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/power-of-progressive-web-apps\/\">user testing<\/a> to make sure your project has the accessibility necessary for anyone to use it. It\u2019s easy to get caught up in creating a pretty app, but it needs to be functional, too. As designers, it may be tough to design something for the general public, rather than your fellow designers. Testers will be able to notify you of potential problems. It can also be helpful to go through things with accessibility technology to ensure everything works as expected.&nbsp;&nbsp;&nbsp;Ready to start your own project and make it accessible? Join <a href=\"https:\/\/www.uxpin.com\/\">UXPin<\/a> for free today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Developing an app or website isn\u2019t just about creating what you know. It also means considering accessibility and how those who are different from yourself will use the site. Ideally, your design should allow anyone, regardless of abilities to use your app and easily get information from it. Unfortunately, many designers never stop to think<\/p>\n","protected":false},"author":3,"featured_media":23577,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-23576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Things Every Designer Needs to Know About Accessibility | UXPin<\/title>\n<meta name=\"description\" content=\"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Things Every Designer Needs to Know About Accessibility\" \/>\n<meta property=\"og:description\" content=\"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-03T10:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-20T11:08:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Things Every Designer Needs to Know About Accessibility\",\"datePublished\":\"2021-02-03T10:10:00+00:00\",\"dateModified\":\"2021-12-20T11:08:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/\"},\"wordCount\":922,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/Things-every-designer-needs-to-know-about-accessibility.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/\",\"name\":\"Things Every Designer Needs to Know About Accessibility | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/Things-every-designer-needs-to-know-about-accessibility.png\",\"datePublished\":\"2021-02-03T10:10:00+00:00\",\"dateModified\":\"2021-12-20T11:08:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/Things-every-designer-needs-to-know-about-accessibility.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/Things-every-designer-needs-to-know-about-accessibility.png\",\"width\":1200,\"height\":600,\"caption\":\"Things every designer needs to know about accessibility\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/accessibility-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Things Every Designer Needs to Know About Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Things Every Designer Needs to Know About Accessibility | UXPin","description":"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.","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:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/","og_locale":"en_US","og_type":"article","og_title":"Things Every Designer Needs to Know About Accessibility","og_description":"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/","og_site_name":"Studio by UXPin","article_published_time":"2021-02-03T10:10:00+00:00","article_modified_time":"2021-12-20T11:08:57+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Things Every Designer Needs to Know About Accessibility","datePublished":"2021-02-03T10:10:00+00:00","dateModified":"2021-12-20T11:08:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/"},"wordCount":922,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png","articleSection":["Blog"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/","name":"Things Every Designer Needs to Know About Accessibility | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png","datePublished":"2021-02-03T10:10:00+00:00","dateModified":"2021-12-20T11:08:57+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Apps need to function for everyone and that means adding accessibility. From text contrast to colors, here\u2019s what you need to know.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/Things-every-designer-needs-to-know-about-accessibility.png","width":1200,"height":600,"caption":"Things every designer needs to know about accessibility"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/accessibility-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Things Every Designer Needs to Know About Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=23576"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23576\/revisions"}],"predecessor-version":[{"id":32839,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23576\/revisions\/32839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/23577"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=23576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=23576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=23576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}