{"id":9859,"date":"2021-05-28T09:40:19","date_gmt":"2021-05-28T13:40:19","guid":{"rendered":"https:\/\/www.ladybugz.com\/?p=9859"},"modified":"2025-01-24T14:24:06","modified_gmt":"2025-01-24T19:24:06","slug":"what-is-accessible-design-and-why-we-need-it","status":"publish","type":"post","link":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/","title":{"rendered":"What is Accessible Design and Why We Need It"},"content":{"rendered":"<h2><span style=\"color: #db3b10;\">What is accessible design for the web? How does it improve our business and fuel growth?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nobody ever said, \u201cLet\u2019s build a website that <\/span><a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">over a billion<\/span><\/a><span style=\"font-weight: 400;\"> of our potential customers can\u2019t use.\u201d However, that\u2019s exactly what happens if your website isn\u2019t designed for accessibility. Without internet-accessible design, you miss the opportunity to do business with the <\/span><a href=\"http:\/\/www.preventblindness.org\/\"><span style=\"font-weight: 400;\">53.2 million Americans<\/span><\/a><span style=\"font-weight: 400;\"> aged 45 or older who have some form of visual impairment<\/span><span style=\"font-weight: 400;\">, and the <\/span><a href=\"https:\/\/pubmed.ncbi.nlm.nih.gov\/16177267\/#:~:text=Estimates%20from%20the%20SIPP%20indicate,to%201%2C000%2C000%20are%20functionally%20deaf.\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">nearly\u00a0<\/span><b>10 million<\/b><span style=\"font-weight: 400;\">\u00a0people<\/span><\/a><span style=\"font-weight: 400;\"> who are hard of hearing. You also bypass the millions of people with <\/span><span style=\"font-weight: 400;\">a diverse range of neuro-motor, physical, and cognitive abilities. So exactly what is accessible design and how can it help?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Accessibility can also improve overall user experience and satisfaction for people without disabilities. Examples would include those in rural areas with low bandwidth or slow connections, older people with changing abilities, those with temporary disabilities, or those in an environment that reduces usability\u2014such as areas that are dim or noisy.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Today\u2019s assistive technologies\u2014such as screen reading and voice recognition software\u2014allow people with disabilities of all types to shop, socialize, educate themselves, and entertain themselves online. Now\u2019s the moment to seize the opportunity to communicate, engage, and sell to people of all abilities.\u00a0<\/span><\/p>\n<h2><span style=\"color: #db3b10;\">The business case of improving website accessibility is strong.<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The benefits of accessible design are multi-faceted, including:\u00a0<\/span><\/p>\n<h3><b>Extending Market Reach:<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.w3.org\/WAI\/business-case\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">global market of people with disabilities<\/span><\/a><span style=\"font-weight: 400;\"> has spending power of more than $6 trillion.\u00a0<\/span><\/p>\n<h3><b>Strengthening SEO:<\/b><\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.ladybugz.com\/googles-core-updates-for-seo\/\">Google\u2019s ranking algorithm<\/a> is increasingly putting greater emphasis on accessibility.<\/span><\/p>\n<p>https:\/\/www.ladybugz.com\/your-must-have-monster-seo-checklist-for-2021\/<\/p>\n<h3><b>Positive Branding:<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Greater web accessibility improves and reinforces your commitment to diversity efforts.\u00a0<\/span><\/p>\n<h3><b>Reduced Legal Risk:<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Many countries legally require digital accessibility, and this movement is growing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s time to break down the barriers to communication by designing websites with an intentional focus on increasing accessibility and enabling users to make the most of their assistive technologies.\u00a0<\/span><\/p>\n<h2><span style=\"color: #db3b10;\">What is accessible design and what does it mean?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">So far we\u2019ve been speaking in general terms about helping the differently-abled enjoy our digital assets. But, more specifically, what does that mean? Outside of the US, nearly two dozen countries have enacted laws or policies related to website accessibility. In the US, however, the <\/span><a href=\"https:\/\/www.ada.gov\/2010_regs.htm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">ADA<\/span><\/a><span style=\"font-weight: 400;\"> (American with Disabilities Act) has no specific mandate or regulations about website accessibility.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether or not a particular country has website accessibility regulations, though, companies are investing in diversity and inclusion efforts. Most realize that their websites must better reflect this commitment. The global standard-bearer for website accessibility is the World Wide Web Consortium (W3C) and its <\/span><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Web Content Accessibility Guidelines (WCAG)<\/span><\/a><span style=\"font-weight: 400;\">. These are by far the most universal and popular guidelines.<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h3><b>WCAG <\/b><b>design principles include:<\/b><\/h3>\n<h3><b>Perceivable<\/b><span style=\"font-weight: 400;\">:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Users must be able to perceive all relevant information in the website\u2019s content.<\/span><\/p>\n<h3><b>Operable<\/b><span style=\"font-weight: 400;\">:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Users must be able to operate the interface successfully.<\/span><\/p>\n<h3><b>Understandable<\/b><span style=\"font-weight: 400;\">:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Users must be able to understand the information and operation of the interface.<\/span><\/p>\n<h3><b>Robust<\/b><span style=\"font-weight: 400;\">:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Content must be accessible to all users and can be interpreted by a wider variety of user agents.<\/span><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"VBAOgzWv3q\"><p><a href=\"https:\/\/www.ladybugz.com\/iterative-design\/\">Improve Your Website with Iterative Design<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Improve Your Website with Iterative Design&#8221; &#8212; Ladybugz Interactive Website Design Agency, Boston MA\" src=\"https:\/\/www.ladybugz.com\/iterative-design\/embed\/#?secret=aJfgHexSsv#?secret=VBAOgzWv3q\" data-secret=\"VBAOgzWv3q\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2><span style=\"color: #db3b10;\">What design elements are important in website accessibility?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We know <\/span><i><span style=\"font-weight: 400;\">what<\/span><\/i><span style=\"font-weight: 400;\"> accessibility is and <\/span><i><span style=\"font-weight: 400;\">why <\/span><\/i><span style=\"font-weight: 400;\">it\u2019s important. The next question is <\/span><i><span style=\"font-weight: 400;\">how<\/span><\/i><span style=\"font-weight: 400;\"> to create welcoming websites that provide a good experience for <\/span><span style=\"font-weight: 400;\">all<\/span><span style=\"font-weight: 400;\"> visitors.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below are suggestions in three key areas:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Accessible Navigation<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Understandable Content<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Easy-to-Complete Forms<\/span><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"sZpNZhnXWk\"><p><a href=\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\">Marrying SEO with UX: A Winning Combination<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Marrying SEO with UX: A Winning Combination&#8221; &#8212; Ladybugz Interactive Website Design Agency, Boston MA\" src=\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/embed\/#?secret=b8BFyDFUeC#?secret=sZpNZhnXWk\" data-secret=\"sZpNZhnXWk\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2><span style=\"color: #db3b10;\">What is Accessible Design Navigation?<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Create keyboard-friendly content and functionality.<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A variety of impairments, situations, and assistive technologies don\u2019t allow for navigation with a mouse. Most assistive technology requires using the Tab key to move between regions. Accessible design calls for having a <\/span><a href=\"https:\/\/docs.microsoft.com\/en-us\/dotnet\/framework\/wpf\/advanced\/focus-overview\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">\u201ckeyboard focus,\u201d<\/span><\/a><span style=\"font-weight: 400;\">\u00a0with navigational elements that can be activated or manipulated with the keyboard. Primarily, this means ensuring that the users can use the Tab key to access all web content and navigational elements\u2014including <\/span><span style=\"font-weight: 400;\">dropdowns, links, CTAs, widgets, buttons, and anchor-text.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keyboard accessibility shortcuts can also make it easier for the visually impaired to navigate a site. For example, pressing the Windows logo key and the plus sign (+) can turn the magnifier on (<\/span><a href=\"https:\/\/support.microsoft.com\/en-us\/windows\/windows-keyboard-shortcuts-for-accessibility-021bcb62-45c8-e4ef-1e4f-41b8c1fc87fd\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Here\u2019s a list of keyboard shortcuts for Windows 10<\/span><\/a><span style=\"font-weight: 400;\">). By adding simple keyboard commands, visitors can navigate using arrow keys and a few keystrokes, rather than chasing the cursor around the screen. For those with visual impairments\u2014who often use screens that measure 20+ inches diagonally\u2014these shortcuts help them avoid losing their place on the screen, moving their head and eyes too much, visually shifting focus, and experiencing eye strain.\u00a0<\/span><\/p>\n<h2><span style=\"color: #db3b10;\">Accessible Design in relation to Understandable Content<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Make dynamic content \u201creadable\u201d for Accessible Design.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Assistive technologies were developed with the assumption that content is static. However, today\u2019s interfaces feature more dynamic content that changes based on user preference, behaviors, and interests. These changes without the page reloading based on data and user interactions. The issue is that many screen readers will only \u201cread\u201d the page as it appears when it first loads, causing the software (and user) to miss the rest of the content. Additional scripting and semantics are required to inform assistive technologies when the content changes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The main specification to resolve this problem is W3C\u2019s <\/span><a href=\"https:\/\/webaim.org\/techniques\/aria\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">WAI-ARIA<\/span><\/a><span style=\"font-weight: 400;\"> (Web Accessibility Initiative-Additional Rich Internet Applications), a set of HTML <\/span><span style=\"font-weight: 400;\">attributes (roles, states, properties), and some best practices for scripting content to aid accessibility. These ARIA tags and \u201clandmarks\u201d help <\/span><span style=\"font-weight: 400;\">screen readers and similar devices navigate dynamic content by tagging it as a \u201clive region.\u201d According to <\/span><a href=\"https:\/\/webaim.org\/techniques\/aria\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">WebAIM<\/span><\/a><span style=\"font-weight: 400;\">, proper ARIA usage can:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Enhance accessibility of interactive controls, such as tree menus, sliders, pop-ups, etc.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Define helpful landmarks for page structure<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Define dynamically-updated &#8220;live regions&#8221;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Improve keyboard accessibility and interactivity<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And much more.<\/span><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"FcbN6gxTie\"><p><a href=\"https:\/\/www.ladybugz.com\/improve-your-blog-content\/\">A 2022 Plan to Improve your Blog Content and Turn it into Rocket Fuel<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;A 2022 Plan to Improve your Blog Content and Turn it into Rocket Fuel&#8221; &#8212; Ladybugz Interactive Website Design Agency, Boston MA\" src=\"https:\/\/www.ladybugz.com\/improve-your-blog-content\/embed\/#?secret=KCKgjF6rFK#?secret=FcbN6gxTie\" data-secret=\"FcbN6gxTie\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2><span style=\"color: #db3b10;\"> Give users control over automated media.<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">In addition to dynamic content, designers need to aware of potential accessibility and usability problems with automated media and navigation. For example, screen readers may not know how to turn the media off. In other cases, sudden noise can alarm certain users. Sometimes auto-advancing carousels\/sliders don\u2019t provide enough time to absorb the content.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One good piece of advice is to only use automated media if it\u2019s in your audience\u2019s best interest, not just because it\u2019s cool or fun. Another is to put your visitors in control, giving them clear ways to start, pause, and end carousel movement, videos, sound, animations, or other media. Similar to the guidelines for dynamic content, all functionality should be operable by keyboard, slider changes must be communicated to users and assistive devices, and keyboard focus should be managed in a reasonable, comprehensive manner.<\/span><\/p>\n<h2><span style=\"color: #db3b10;\">Create easily identifiable Interactive Elements <\/span><span style=\"color: #db3b10;\">for Accessible Design.<\/span><\/h2>\n<h3><span style=\"color: #db3b10;\">Interactive Elements:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Another navigational consideration is interactivity and the ease of user engagement. This is important not only for those with disabilities, but for usability in general\u2014especially on small screens. Links, buttons, and other interactive elements should be easy to identify, with consistent naming, styling, interactive feedback, and positioning used consistently across the site. Also, avoid color combinations (such as red and green) that are difficult for the more than 8% of the population with color blindness to distinguish between<\/span><span style=\"font-weight: 400;\">. Instead of conveying information through color alone, clarify elements using combinations of color, text, labels, and iconography in your <a href=\"https:\/\/www.ladybugz.com\/iterative-design\/\">interactive design<\/a>.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9866\" src=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning-1.jpg\" alt=\"using color to convey meaning - what is accessible design blog post\" width=\"381\" height=\"39\" srcset=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning-1.jpg 381w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning-1-300x31.png 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9865\" src=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning.png\" alt=\"\" width=\"893\" height=\"517\" srcset=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning.png 893w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning-300x174.png 300w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/using-color-to-convey-meaning-768x445.png 768w\" sizes=\"(max-width: 893px) 100vw, 893px\" \/><\/p>\n<h2><span style=\"color: #db3b10;\">Heighten the Contrast.<\/span><\/h2>\n<p>Color, texture, and contrast are huge considerations for any website, especially with considering accessibility. A high priority is choosing a color scheme with high contrast between text (foreground) and background. Retinitis Pigmentosa, Glaucoma, Retinopathy, and cataracts all lead to a decrease in contrast sensitivity. While an interface with subtle color gradations may be attractive, low contrast can cause strain and fatigue for people with visual impairments.<\/p>\n<h2><span style=\"color: #db3b10;\">Provide options for consuming content.<\/span><\/h2>\n<p>Today\u2019s website design trends often minimize written content in place of prominent, eye-catching images and multimedia content. Fortunately, those with disabilities don\u2019t have to lose out on the information conveyed by these website features.<\/p>\n<p>All it takes is accompanying photos and graphics with descriptive HTML \u201calt tags\u201d for screen reading software (which is a snap in WordPress). Alt tags can also help with SEO, giving search engines more information to crawl and providing the opportunity to include keywords. For other media, you can include visible links to transcripts of audio, links to audio-described versions of videos, captions, and descriptions of tables and graphs.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9867\" src=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/blog-post-graphic.jpg\" alt=\"\" width=\"1129\" height=\"279\" srcset=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/blog-post-graphic.jpg 1129w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/blog-post-graphic-300x74.png 300w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/blog-post-graphic-1024x253.png 1024w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/blog-post-graphic-768x190.png 768w\" sizes=\"(max-width: 1129px) 100vw, 1129px\" \/><\/p>\n<h2><span style=\"color: #db3b10;\">Easy-to-Read Formatting\u00a0<\/span><span style=\"color: #db3b10;\">for Accessible Design<\/span><\/h2>\n<p>It\u2019s relatively simple to make pages easier to comprehend with just a few formatting and layout tips. These techniques are helpful for all of your website visitors, with or without visual impairment. By improving overall usability and user satisfaction, the tips below can even help with SEO\u2014and all are well within the control of even non-technical marketers.<\/p>\n<ul>\n<li>Use easy-to-read fonts, such as Arial, Helvetica, Calibri, and other sans serif fonts that have simple, easily recognizable characters.<\/li>\n<li>Use large font sizes, with body type at least 16 points.<\/li>\n<li>Group content under descriptive subheadings.<\/li>\n<li>Fully write out acronyms on first-mention.<\/li>\n<li>Give all your links unique, descriptive names, and anchor text.<\/li>\n<li>Use plenty of white space.<\/li>\n<li>Reduce clutter.<\/li>\n<li>Only use tables for tabular data\u2014not for layouts, lists, or anything else that could confuse assistive technologies and devices.<\/li>\n<\/ul>\n<h2><span style=\"color: #db3b10;\">Easy-to-Complete Forms for Accessible Design<\/span><\/h2>\n<p>Many online forms are not designed with accessibility and assistive technologies in mind, which can be the source of great frustration\u2014and a sure way to lose business.<\/p>\n<h3><span style=\"color: #db3b10;\">Here are some guidelines to follow:<\/span><\/h3>\n<ul>\n<li>Provide information and instructions that are clear and easy to understand.<\/li>\n<li>Give all fields elements or title attributes.<\/li>\n<li>Create error messages that are clear and labeled for screen readers.<\/li>\n<li>Clearly label each field, with the label in close proximity to its respective field, either to the left or above the field (checkboxes and radio buttons are usually on the right).<\/li>\n<li>Include text that indicates required fields.<\/li>\n<li>Provide feedback for interactions, such as error messages and submission confirmation. Important feedback that requires user information should be in a prominent style, such as those specified by <a href=\"https:\/\/www.w3.org\/TR\/html401\/interact\/forms.html\">W3<\/a> (the World Wide Web Consortium).<\/li>\n<\/ul>\n<p>There are many form-builders and WordPress plugins designed for this purpose, including <a href=\"https:\/\/www.isitwp.com\/refer\/formidable-pro\/\" target=\"_blank\" rel=\"noopener\">Formidable Forms<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/wp-accessibility-helper\/\" target=\"_blank\" rel=\"noopener\">WP Accessibility Helper<\/a>, and <a href=\"https:\/\/www.isitwp.com\/refer\/code-canyon-accessibility-wordpress-plugin\/\" target=\"_blank\" rel=\"noopener\">Accessibility WordPress Plugin<\/a>.<\/p>\n<h2><span style=\"color: #db3b10;\">Conclusion<\/span><\/h2>\n<p>Making sure your website is welcoming and accessible should be a top priority. It\u2019s socially responsible, respectful, and simply good business! There\u2019s no reason to exclude anybody, especially since it\u2019s relatively easy to avoid doing so. Not only will your users thank you, but you\u2019ll likely see increased traffic and conversions. To <a href=\"https:\/\/www.ladybugz.com\/how-to-maintain-website-accessibility-post-launch\/\">assure your website is optimized for accessibility<\/a>, work with an interactive agency like <a href=\"https:\/\/www.ladybugz.com\/\">Ladybugz Interactive<\/a> that has expert knowledge about what is accessible design for the web.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"color: #db3b10;\">Need some help improving your website&#8217;s accessible design?\u00a0<\/span><\/h2>\n<p style=\"text-align: center;\"><a class=\"fasc-button fasc-size-large fasc-type-flat\" style=\"background-color: #db3b10; color: #ffffff;\" href=\"\/web-design-seo-quote\/\">Contact us for an Estimate<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is accessible design for the web? How does it improve our business and fuel growth? Nobody ever said, \u201cLet\u2019s build a website that over a billion of our potential customers can\u2019t use.\u201d However, that\u2019s exactly what happens if your website isn\u2019t designed for accessibility. Without internet-accessible design, you miss the opportunity to do business [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":14809,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","spc_primary_category":-1},"categories":[320,83,312,314,315,1,35,39],"tags":[],"class_list":["post-9859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-agencies","category-local-seo","category-project-management","category-seo","category-small-business","category-web-development","category-web-design","category-wordpress-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Accessible Design? - Ladybugz Interactive Agency<\/title>\n<meta name=\"description\" content=\"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.\" \/>\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.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\\What is Accessible Design and Why Do We Need It?\" \/>\n<meta property=\"og:description\" content=\"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Design Agency, Boston MA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-28T13:40:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-24T19:24:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/OG-What-is-Accessible-Design-and-Why-We-Need-It-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amy Westebbe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"What is Accessible Design and Why Do We Need It?\" \/>\n<meta name=\"twitter:creator\" content=\"@lysapreneur\" \/>\n<meta name=\"twitter:site\" content=\"@lysapreneur\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\"},\"author\":{\"name\":\"Amy Westebbe\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094\"},\"headline\":\"What is Accessible Design and Why We Need It\",\"datePublished\":\"2021-05-28T13:40:19+00:00\",\"dateModified\":\"2025-01-24T19:24:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\"},\"wordCount\":1797,\"publisher\":{\"@id\":\"https:\/\/www.ladybugz.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg\",\"articleSection\":[\"Digital Agencies\",\"Local SEO\",\"Project Management\",\"SEO (Search Engine Optimization)\",\"Small Business\",\"Web Development\",\"Website Design\",\"WordPress Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\",\"url\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\",\"name\":\"What is Accessible Design? - Ladybugz Interactive Agency\",\"isPartOf\":{\"@id\":\"https:\/\/www.ladybugz.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg\",\"datePublished\":\"2021-05-28T13:40:19+00:00\",\"dateModified\":\"2025-01-24T19:24:06+00:00\",\"description\":\"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage\",\"url\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg\",\"contentUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg\",\"width\":1200,\"height\":630,\"caption\":\"person holding laptop with minimal background.\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ladybugz.com\/#website\",\"url\":\"https:\/\/www.ladybugz.com\/\",\"name\":\"Boston MA Website Design Agency\",\"description\":\"Website Design + Digital Marketing Boston + Worcester Massachusetts\",\"publisher\":{\"@id\":\"https:\/\/www.ladybugz.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ladybugz.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ladybugz.com\/#organization\",\"name\":\"Ladybugz Interactive Agency\",\"alternateName\":\"Ladybugz Web Design\",\"url\":\"https:\/\/www.ladybugz.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg\",\"contentUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg\",\"width\":333,\"height\":236,\"caption\":\"Ladybugz Interactive Agency\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559\",\"https:\/\/x.com\/lysapreneur\",\"https:\/\/www.instagram.com\/ladybugzagency\",\"https:\/\/www.linkedin.com\/company\/ladybugz-inc-\/\"],\"description\":\"Ladybugz Interactive is a Boston, MA web design and digital marketing agency creating responsive, growth-driven websites for businesses and organizations.\",\"email\":\"lysa@ladybugz.com\",\"telephone\":\"9783767878\",\"legalName\":\"Ladybugz Interactive Agency, Inc.\",\"foundingDate\":\"2012-10-30\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094\",\"name\":\"Amy Westebbe\",\"description\":\"Amy guides client's content strategies for our web design projects and digital marketing clients. She helps our B2B brands, improve their value propositions and ROI through messaging and content. Amy's industry experience includes writing for biotech and life sciences, B2B, healthcare and health tech and construction and manufacturing. In addition to web and online marketing content, Amy is passionate about developing reports and white papers. We like to call Amy, Ladybugz secret weapon when it comes to ranking your content on Google!\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is Accessible Design? - Ladybugz Interactive Agency","description":"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.","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.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/","og_locale":"en_US","og_type":"article","og_title":"\\What is Accessible Design and Why Do We Need It?","og_description":"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.","og_url":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/","og_site_name":"Website Design Agency, Boston MA","article_publisher":"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559","article_published_time":"2021-05-28T13:40:19+00:00","article_modified_time":"2025-01-24T19:24:06+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/OG-What-is-Accessible-Design-and-Why-We-Need-It-1.jpg","type":"image\/jpeg"}],"author":"Amy Westebbe","twitter_card":"summary_large_image","twitter_title":"What is Accessible Design and Why Do We Need It?","twitter_creator":"@lysapreneur","twitter_site":"@lysapreneur","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#article","isPartOf":{"@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/"},"author":{"name":"Amy Westebbe","@id":"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094"},"headline":"What is Accessible Design and Why We Need It","datePublished":"2021-05-28T13:40:19+00:00","dateModified":"2025-01-24T19:24:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/"},"wordCount":1797,"publisher":{"@id":"https:\/\/www.ladybugz.com\/#organization"},"image":{"@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg","articleSection":["Digital Agencies","Local SEO","Project Management","SEO (Search Engine Optimization)","Small Business","Web Development","Website Design","WordPress Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/","url":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/","name":"What is Accessible Design? - Ladybugz Interactive Agency","isPartOf":{"@id":"https:\/\/www.ladybugz.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage"},"image":{"@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg","datePublished":"2021-05-28T13:40:19+00:00","dateModified":"2025-01-24T19:24:06+00:00","description":"Uncover what accessible design is and how assistive technologies allow people with disabilities to shop, socialize, educate, and entertain themselves online.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ladybugz.com\/what-is-accessible-design-and-why-we-need-it\/#primaryimage","url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg","contentUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/05\/Feature-What-is-Accessible-Design-and-Why-We-Need-It.jpg","width":1200,"height":630,"caption":"person holding laptop with minimal background."},{"@type":"WebSite","@id":"https:\/\/www.ladybugz.com\/#website","url":"https:\/\/www.ladybugz.com\/","name":"Boston MA Website Design Agency","description":"Website Design + Digital Marketing Boston + Worcester Massachusetts","publisher":{"@id":"https:\/\/www.ladybugz.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ladybugz.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ladybugz.com\/#organization","name":"Ladybugz Interactive Agency","alternateName":"Ladybugz Web Design","url":"https:\/\/www.ladybugz.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg","contentUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg","width":333,"height":236,"caption":"Ladybugz Interactive Agency"},"image":{"@id":"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559","https:\/\/x.com\/lysapreneur","https:\/\/www.instagram.com\/ladybugzagency","https:\/\/www.linkedin.com\/company\/ladybugz-inc-\/"],"description":"Ladybugz Interactive is a Boston, MA web design and digital marketing agency creating responsive, growth-driven websites for businesses and organizations.","email":"lysa@ladybugz.com","telephone":"9783767878","legalName":"Ladybugz Interactive Agency, Inc.","foundingDate":"2012-10-30","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}},{"@type":"Person","@id":"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094","name":"Amy Westebbe","description":"Amy guides client's content strategies for our web design projects and digital marketing clients. She helps our B2B brands, improve their value propositions and ROI through messaging and content. Amy's industry experience includes writing for biotech and life sciences, B2B, healthcare and health tech and construction and manufacturing. In addition to web and online marketing content, Amy is passionate about developing reports and white papers. We like to call Amy, Ladybugz secret weapon when it comes to ranking your content on Google!"}]}},"_links":{"self":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts\/9859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/comments?post=9859"}],"version-history":[{"count":0,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts\/9859\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/media\/14809"}],"wp:attachment":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/media?parent=9859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/categories?post=9859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/tags?post=9859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}