{"id":150091,"date":"2024-03-22T12:38:41","date_gmt":"2024-03-22T17:38:41","guid":{"rendered":"https:\/\/wpengine.com\/?p=150091"},"modified":"2024-06-06T09:11:51","modified_gmt":"2024-06-06T14:11:51","slug":"ai-accessibility-promise-of-universal-web","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/","title":{"rendered":"AI, Accessibility, and the Promise of the Universal Web"},"content":{"rendered":"\n

This article was written by<\/em> Modus Agency<\/em><\/a> Executive Vice President, Growth, Michael Stineman. Headquartered in New York City, Modus is a full-service digital agency, and WP Engine <\/em>Agency Partner<\/em><\/a> focused on building human-centered digital experiences that drive businesses forward.<\/em><\/p>\n\n\n\n

Any business or institution today wouldn\u2019t fathom making their physical location inaccessible. However, for 1 in 6 people<\/a> worldwide with a significant disability\u2014sensory, cognitive, physical, or emotional\u2014navigating websites and digital platforms can be time-consuming and frustrating to the point where they are exclusionary.

In the digital age, web usage is essential to daily life. In addition to online shopping and socializing, web access is often integral to employment, education, and government services.\u00a0<\/p>\n\n\n\n

And while web accessibility has evolved from a discipline focused on meeting compliance standards to one that\u2019s about developing inclusive experiences, there\u2019s still a significant digital divide. According to a recent IDC report<\/a>, fewer than 10% of websites are fully accessible.<\/p>\n\n\n\n

This is where the transformative abilities of Artificial Intelligence (AI) have the potential to profoundly improve web accessibility. Organizations have the opportunity to use these new tools to address accessibility at a personalized level for the end user. AI can help drive the digital environment closer to the goal of universal design.<\/p>\n\n\n\n

\"Illustration<\/figure>\n\n\n\n

What is Universal Design?<\/h2>\n\n\n\n

\u201cUniversal design is design that\u2019s usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.\u201d<\/p>\n\n\n\n

\u2013 Ron Mace, an architect with polio who coined the term in the 1980s<\/em><\/p>\n\n\n\n

When websites such as those using WordPress apply universal design principles, they are accessible to all people, including those with disabilities. By addressing accessibility issues in the component and template architecture, future pages and content updates will remain accessible without additional coding or maintenance. <\/p>\n\n\n\n

The Business Case for Prioritizing Web Accessibility<\/h2>\n\n\n\n

The Web Content Accessibility Guidelines (WCAG)<\/a> were developed to help web designers and site owners meet best practice standards. According to the guidelines, web accessibility means users can perceive, understand, navigate, and interact with the web, as well as contribute to it.<\/p>\n\n\n\n

Organizations can hire digital partners like Modus<\/a> to conduct accessibility audits and implement fixes. Beyond the legal and ethical motivations to meet these criteria, organizations can serve more people and reach more customers. McKinsey<\/a> estimates that companies that lack accessible digital experiences stand to lose close to $7 billion a year<\/strong>. And that figure is expected to grow as the aging population increases.\u00a0<\/p>\n\n\n\n

From following best practices in coding to copywriting, designing web experiences for accessibility is no small feat. Organizations can save money by investing in web experiences that are the most accessible from the beginning.<\/p>\n\n\n\n

\u201cA lot of organizations try to address accessibility concerns after the fact, and while that approach can be successful, the cost of doing this is orders of magnitude greater than when you consider all these factors from the very beginning,\u201d says Modus Vice President, Engineering, Asim Mittal.<\/p>\n\n\n\n

AI\u2019s capacity to automatically adjust the user interface for people with disabilities is potentially game-changing. Let\u2019s explore some of the latest advancements using AI technology to transform web accessibility:<\/p>\n\n\n\n

AI-enhanced Image and Object Recognition<\/h2>\n\n\n\n

For the visually impaired, screen readers have evolved over the years to convert digital content into audible speech. With AI-powered computer vision and natural language processing, these tools have improved to better interpret web content. <\/p>\n\n\n\n

For example, Ahrefs\u2019 free AI Alt Text Generator<\/a> can scan the content of an image and produce descriptive copy, identifying the essential elements and context for comprehension. You can even select your preferred tone of voice.<\/p>\n\n\n\n

Another tool for those with visual impairments, Be My AI<\/a> is a digital visual assistant tool created by Be My Eyes in collaboration with OpenAI.<\/p>\n\n\n\n

\"image
BeMyAI is a powerful digital visual assistant that provides detailed audio descriptions of photos taken on iOS and Android devices.\u00a0\u00a0<\/em>
<\/figcaption><\/figure>\n\n\n\n

Users can get clear, vivid audio descriptions of the photos they take with their iOS and Android devices. Users can even chat with the app for more information or guidance about the items pictured, such as interpreting product instructions.<\/p>\n\n\n\n

AI-powered Audio Transcription<\/h2>\n\n\n\n

The speed and quality of audio captioning and transcription have significantly improved with AI, as the popularity of tools like Otter.ai<\/a> and Zoom AI Assistant<\/a> have proven. Real-time captions for audio and video content can help users with any type of hearing impairment access online content that has sound.\u00a0<\/p>\n\n\n\n

Many of these tools also provide bulleted summaries that help users understand overall main points, decisions, and action items. Of course, the accuracy of natural language processing is still not perfect and should not be relied on completely.<\/p>\n\n\n\n

AI-optimized Navigation<\/h2>\n\n\n\n

For users with physical disabilities, such as motor challenges, it\u2019s important to consider alternative ways of navigating your website without the use of a mouse.\u00a0
Plugin solutions like accessiBe<\/a> and UserWay<\/a> overlay the front end of your website to enable accessibility adjustments, such as keyboard navigation.<\/p>\n\n\n\n

\"Image
UserWay is a popular plugin used for improving website accessibility, ensuring all users can navigate and interact with site content.<\/em>
<\/figcaption><\/figure>\n\n\n\n

The programs use AI to analyze the architecture of your site and apply keyboard functionality. It\u2019s important to make sure your website has well-structured headings to ensure the content is understandable for these tools.<\/p>\n\n\n\n

Continuously improving<\/h2>\n\n\n\n

AI-driven technology for accessibility is just getting started. Future trends on the horizon include AI-driven real-time translation, gesture recognition, and brain-computer interfaces, which hold the promise of further breaking down barriers to accessibility.<\/p>\n\n\n\n

However, businesses need to adopt AI solutions responsibly. Validating solutions with input from disability communities will help ensure they benefit people as intended. We\u2019re excited to work towards a future where the digital experience welcomes all users and brings us closer to the promise of a universally accessible internet.<\/p>\n\n\n\n

Learn more about Modus <\/strong>here<\/strong><\/a>, and <\/strong>visit WP Engine<\/strong><\/a> to find out more about our Agency Partner Program\u2014the world\u2019s largest WordPress agency ecosystem.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

This article was written by Modus Agency Executive Vice President, Growth, Michael Stineman. Headquartered in New York City, Modus is a full-service digital agency, and WP Engine Agency Partner focused on building human-centered digital experiences that drive businesses forward. Any business or institution today wouldn\u2019t fathom making their physical location inaccessible. However, for 1 in…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":150095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[683,11],"tags":[],"class_list":["post-150091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agency","category-guest-post"],"yoast_head":"\nAI, Accessibility, and the Promise of the Universal Web | WP Engine<\/title>\n<meta name=\"description\" content=\"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI, Accessibility, and the Promise of the Universal Web | WP Engine\" \/>\n<meta property=\"og:description\" content=\"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-22T17:38:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-06T14:11:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/03\/ai-accessbility-universal-web_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"WP Engine\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WP Engine\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/\",\"name\":\"AI, Accessibility, and the Promise of the Universal Web | WP Engine\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2024-03-22T17:38:41+00:00\",\"dateModified\":\"2024-06-06T14:11:51+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\"},\"description\":\"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI, Accessibility, and the Promise of the Universal Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI, Accessibility, and the Promise of the Universal Web | WP Engine","description":"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"AI, Accessibility, and the Promise of the Universal Web | WP Engine","og_description":"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.","og_url":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2024-03-22T17:38:41+00:00","article_modified_time":"2024-06-06T14:11:51+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/03\/ai-accessbility-universal-web_1200x627.png","type":"image\/png"}],"author":"WP Engine","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"WP Engine","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/","url":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/","name":"AI, Accessibility, and the Promise of the Universal Web | WP Engine","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2024-03-22T17:38:41+00:00","dateModified":"2024-06-06T14:11:51+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085"},"description":"Explore the promise of AI accessibility for a universal web. Learn how artificial intelligence is making the internet more inclusive, user-friendly, and accessible.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/ai-accessibility-promise-of-universal-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"AI, Accessibility, and the Promise of the Universal Web"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/150091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=150091"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/150091\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/150095"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=150091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=150091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=150091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}