{"id":38537,"date":"2025-01-30T12:55:28","date_gmt":"2025-01-30T12:55:28","guid":{"rendered":"https:\/\/reciteme.com\/us\/?p=38537"},"modified":"2025-06-30T09:08:45","modified_gmt":"2025-06-30T08:08:45","slug":"accessibility-in-ux-design","status":"publish","type":"post","link":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/","title":{"rendered":"Accessibility in UX design: Building accessible websites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"38537\" class=\"elementor elementor-38537\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba29a00 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba29a00\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75bcab2\" data-id=\"75bcab2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4645e71 elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"4645e71\" data-element_type=\"widget\" data-widget_type=\"ucaddon_punchline_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Punchline CTA -->\n<style>\/* widget: Punchline CTA *\/\n\n.punchline-bg-eaa {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/eumap-1.png');\n  \tbackground-color:#01349F;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-ada {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/checker3Asset-2-8-1.png');\n  \tbackground-color:#06334A;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-generic {\n\tbackground: rgb(6,51,74);\n\tbackground: linear-gradient(90deg, rgba(6,51,74,1) 0%, rgba(3,98,95,1) 100%);\n}\n\n.punchline-wrapper {\n  padding:20px 30px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  border-radius:8px;\n}\n\n.punchline-wrapper p {\n  color:white;\n  font-weight:600!important;\n  font-size:18px!important;\n  margin-bottom:0px!important;\n  padding-right:20px;\n}\n\n.punchline-wrapper a {\n    background: #FFB400;\n    border-radius: 5px !important;\n    line-height: 15px;\n    font-weight: 600;\n    font-size: 15px;\n    text-align: center;\n    color: #000;\n    padding: 15px 40px;\n  \tborder: 3px solid #FFB400;\n  transition: all ease 0.3s;\n  min-width:205px;\n}\n\n.punchline-wrapper a:hover {\n\tbackground:white;\n  color:#000;\n}\n\n@media only screen and (max-width:700px) {\n  .punchline-wrapper {\n  \tdisplay:block;\n  }\n  .punchline-wrapper a {\n  \tmargin-top:20px;\n    display:block;\n  }\n}\n\n\n<\/style>\n\n<div class=\"punchline-wrapper punchline-bg-generic\">\n    <p>\n        Free Accessibility Training for UX Designers\n    <\/p>\n    <a href=\"https:\/\/reciteme.com\/us\/product\/accessibility-training\/accessible-web-design-course\/\">\n        Download now\n    <\/a>\n<\/div>\n<!-- end Punchline CTA -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51e82c9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"51e82c9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b1a2a5\" data-id=\"9b1a2a5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-111a91b elementor-widget elementor-widget-text-editor\" data-id=\"111a91b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Neglecting accessibility in UX design can spell disaster for business owners. Accessibility is the mechanism through which UX designers make positive browsing experiences for disabled, but also non-disabled, users. A recent study found that a shocking 71% of customers with accessibility needs will leave a website they find difficult to use. And given that approximately 16% of the global population have accessibility needs, accessible UX web design has a crucial role to play in the retention of customers. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72e75bf disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72e75bf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1256b1f\" data-id=\"1256b1f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cbb0cb5 elementor-widget elementor-widget-text-editor\" data-id=\"cbb0cb5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>What is accessibility in UX?<\/h2><p>Accessibility and UX are two entirely different subjects, so it is important to understand each independently to better understand how they intertwine:\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad3a079 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ad3a079\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-eef45bd\" data-id=\"eef45bd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-119ab0a elementor-widget elementor-widget-text-editor\" data-id=\"119ab0a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>What is UX?<\/h3><p>UX, or user experience, refers to how people feel when interacting with a product or service, and is often used in reference to websites. Good UX design favours clean, well-organised content which makes it easy for users to get the information they need.<\/p><p>Whether UX is good or bad correlates directly to whether your users have a positive or negative experience. A website that confuses its users or puts hurdles in the way of them using it effectively is an example of poor UX design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-00c053f\" data-id=\"00c053f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0297d62 elementor-widget elementor-widget-image\" data-id=\"0297d62\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header-1024x1024.png\" class=\"attachment-large size-large wp-image-38539\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Breaking-down-Barriers-to-Inclusion-Header.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb281fe disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eb281fe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a43eef\" data-id=\"8a43eef\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-887811d elementor-widget elementor-widget-text-editor\" data-id=\"887811d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>How does accessibility fit in?<\/h3><p>So how does accessibility fit in? Well, UX design and accessibility are essentially two sides of the same coin. For users to have a good web browsing experience, they must also be able to access the content and features they require without unnecessary difficulty. By default, this means tearing down barriers that pertain to cluttered design, complex navigation, or illegible content.<\/p><p>Crucially, accessible UX design does not just benefit individuals with disabilities. Consider the example of video captions. This is an accessibility feature which allows users with hearing impairments to perceive media. However, it also serves non-native English speakers or anyone trying to watch a video in a noisy environment.<\/p><p>You can find a long list of different considerations at our <a href=\"https:\/\/reciteme.com\/us\/news\/accessibility-checklist-for-web-developers-and-ux-designers\/\">Accessibility Checklist for UX designers<\/a>.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a5ae676 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a5ae676\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-14e3225\" data-id=\"14e3225\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be787a1 elementor-widget elementor-widget-image\" data-id=\"be787a1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"766\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-33544\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fae96ea\" data-id=\"fae96ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df7b2d3 elementor-widget elementor-widget-text-editor\" data-id=\"df7b2d3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"color: inherit;text-align: left\">Free Accessibility Check of your Website<\/h3><p>Finding accessibility issues is now easier than ever. Recite Me offers a free automated scan of your website\u2019s homepage to highlight non-compliance. You&#8217;ll get recommendations on how to fix them, helping to improve your accessibility score.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-474056c elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"474056c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/us\/free-accessibility-check\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Run a Free Accessibility Scan Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fdb8ecb disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fdb8ecb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc4ba7c\" data-id=\"fc4ba7c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ab5bf1 elementor-widget elementor-widget-text-editor\" data-id=\"8ab5bf1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Why is accessibility for user experiences?<\/h2><p>Accessibility and UX design share roughly the same aim: to ensure that all users can interact with digital content easily, effectively, and enjoyably. While UX design tends to focus more on ease of use and aesthetics, accessibility is primarily concerned with the experiences of disabled users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2cbaf03 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2cbaf03\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a5c2e06\" data-id=\"a5c2e06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7d6367 elementor-widget elementor-widget-text-editor\" data-id=\"b7d6367\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>However, when combined, this makes for a formidable approach to web design which serves every aspect of society. Accessibility strategies play an especially crucial role in this partnership because, while primarily aimed at the disabled community, they benefit everyone. For example, keyboard navigation ensures usability for individuals with motor impairments, but it also aids power users who prefer shortcuts for faster interactions.<\/p><p>Put simply, accessibility is the foundation of great user experiences.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7ed2f6d\" data-id=\"7ed2f6d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35c5fff elementor-widget elementor-widget-image\" data-id=\"35c5fff\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/user_experience.png\" class=\"attachment-large size-large wp-image-38540\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/user_experience.png 500w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/user_experience-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/user_experience-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d98df78 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d98df78\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0641e1e\" data-id=\"0641e1e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10210d9 elementor-widget elementor-widget-text-editor\" data-id=\"10210d9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Guidelines for designing accessible websites<\/h2><p>In order to create a truly accessible website, you need to be aware of the <a href=\"https:\/\/reciteme.com\/us\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a>. WCAG is the international gold standard of everything web accessibility.<\/p><p>Introduced by the World Wide Web Consortium (W3C), these guidelines outline specific criteria about how to make web content more accessible to people with disabilities, covering everything from color contrast to keyboard navigation. It serves as a comprehensive roadmap for accessible UX design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bcf4eac disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bcf4eac\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0565d4e\" data-id=\"0565d4e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a7b2fa elementor-widget elementor-widget-image\" data-id=\"6a7b2fa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header-1024x1024.png\" class=\"attachment-large size-large wp-image-38541\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/What-are-the-levels-of-WCAG-Compliance-Header.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9ff611e\" data-id=\"9ff611e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c93ff3 elementor-widget elementor-widget-text-editor\" data-id=\"6c93ff3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At its core, WCAG is built around four core principles, known as <a href=\"https:\/\/reciteme.com\/us\/news\/pour-accessibility-principles\/\">POUR principles<\/a>:<\/p><ul><li><strong>Perceivable<\/strong>: Information and content must be presented in ways that users can perceive.<\/li><li><strong>Operable<\/strong>: Users must be able to interact with and navigate the site effectively.<\/li><li><strong>Understandable<\/strong>: Content should be clear and consistent to aid comprehension.<\/li><li><strong>Robust<\/strong>: Websites should work with current and future assistive technologies.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-11e527a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"11e527a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ff99dc\" data-id=\"5ff99dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f6492d7 elementor-widget elementor-widget-text-editor\" data-id=\"f6492d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From these principles, the W3C prescribes specific criteria for how to make websites more accessible. The criteria are categorised according to <a href=\"https:\/\/reciteme.com\/us\/news\/what-are-the-levels-of-wcag-compliance\/\">three different levels of compliance<\/a> &#8211; Level A, AA, and AAA &#8211; where Level A represents minimal compliance and Level AAA optimal compliance.<\/p><p>While only recommendations, WCAG is referenced throughout several key accessibility regulations across the world. Most accessibility regulations require a minimum of Level AA compliance. Therefore, adhering to WCAG\u2019s requirements will not only enhance your website\u2019s overall user experience, but protect you legally as well.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-203c1d7 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"203c1d7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ede904\" data-id=\"6ede904\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-144ab8b elementor-widget elementor-widget-text-editor\" data-id=\"144ab8b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Best practices for embedding accessibility in your website\u2019s UX design<\/h2><p>We\u2019ve come up with a series of strategies and best practices, based on WCAG\u2019s recommendations, that will help improve your website\u2019s accessible UX design. Let\u2019s get into it. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c2d0b0 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c2d0b0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d876f9\" data-id=\"5d876f9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-465a6ee elementor-widget elementor-widget-text-editor\" data-id=\"465a6ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Use Alt Text for Images<\/h3><p><a href=\"https:\/\/reciteme.com\/us\/news\/how-to-write-image-alt-text-for-accessibility\/\">Alt text<\/a> describes the contents of an image so that it can be interpreted by screen readers. This ensures that visually impaired users still have a means of perceiving visual elements, which provide much-needed context. As a result, users are able to better comprehend written content, making for a positive user experience and good UX design.<\/p><p>Under WCAG Level AA, all non-text content must have a text alternative that serves the equivalent purpose. This means that text should be appropriately descriptive, such that it is detailed enough to convey all key aspects of the image without overwhelming the user with unnecessary jargon.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bcedda\" data-id=\"5bcedda\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a9477d1 elementor-widget elementor-widget-image\" data-id=\"a9477d1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"387\" height=\"388\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/How-to-Write-Alt-Text-Header-1.png\" class=\"attachment-large size-large wp-image-34419\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/How-to-Write-Alt-Text-Header-1.png 387w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/How-to-Write-Alt-Text-Header-1-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/How-to-Write-Alt-Text-Header-1-150x150.png 150w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15cd352 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15cd352\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-126ccc5\" data-id=\"126ccc5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57ee24a elementor-widget elementor-widget-text-editor\" data-id=\"57ee24a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Design accessible forms<\/h3><p><a href=\"https:\/\/reciteme.com\/us\/news\/website-form-accessibility\/\">Forms<\/a> are used for everything from purchasing products and submitting applications to contacting business owners about their available services. They are essentially the bridge between a company and its customers, making forms a crucial player in accessible UX design.<\/p><p>Forms fields must be clearly labelled, providing instructions where needed. Error messages should offer specific corrective instructions instead of generic red \u201cError\u201d text, and users should be able to use the Tab function to alternate between fields logically. These practices reduce frustration and enhance the overall user experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fbbdeb9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fbbdeb9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-259bd97\" data-id=\"259bd97\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8851f2a elementor-widget elementor-widget-image\" data-id=\"8851f2a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours-1024x1024.png\" class=\"attachment-large size-large wp-image-38485\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours-1024x1024.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/accessibility-compliant-colours.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f325e8b\" data-id=\"f325e8b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b978458 elementor-widget elementor-widget-text-editor\" data-id=\"b978458\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Maintain sufficient color contrast<\/h3><p><a href=\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\">Color contrast<\/a> refers to the difference in color and brightness between text and its background. The higher the contrast, the more legible it becomes. Consider black text on a white background, for example. This classic color combination improves readability for all users, but particularly those with low vision or <a href=\"https:\/\/reciteme.com\/us\/news\/color-blind-accessibility\/\">color blindness<\/a>, by reducing eye strain and cognitive load.<\/p><p>Note that WCAG recommends a minimum color contrast ratio of 4.5:1 for normal-sized text and 3:1 for large text. Tools like an <a href=\"https:\/\/reciteme.com\/us\/product\/assistive-toolbar\/\">accessibility toolbar<\/a> can be useful aids in achieving this, allowing users to customise website colors, and other things, according to their specific needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-db1afd3 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"db1afd3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a630f50\" data-id=\"a630f50\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f509091 elementor-widget elementor-widget-text-editor\" data-id=\"f509091\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Enable keyboard navigation<\/h3><p><a href=\"https:\/\/reciteme.com\/us\/news\/keyboard-accessibility\/\">Keyboard navigation<\/a> ensures users who cannot use a mouse, such as individuals with mobility impairments, can still interact with your website. For these individuals, good keyboard navigation makes for a seamless browsing experience.<\/p><p>To be sure your website is easily navigable with a keyboard, it\u2019s a good idea to test it for yourself. Use the Tab function to cycle through menu options, links, buttons, and form fields. The tab order should follow a logical pattern with clear focus indicators which highlight the selected element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-17ea826 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"17ea826\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8a5bb69\" data-id=\"8a5bb69\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0348033 elementor-widget elementor-widget-text-editor\" data-id=\"0348033\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Add video captions<\/h3><p><a href=\"https:\/\/reciteme.com\/us\/news\/video-accessibility\/\">Video captions<\/a> provide text representations of spoken dialogue and other audio cues in video content, so that deaf users and those with hearing impairments can follow along. But they\u2019re not the only ones to benefit. Non-native English speakers and those in sound-restricted environments also rely on captions to perceive video content.<\/p><p>As you can see, implementing video captions allows your content to be digested by a wide audience by giving them alternative options. This flexibility gives people the opportunity to engage with videos who might not otherwise have been able to. Users leave happy as a result, and happy users mean good UX design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-42d8919\" data-id=\"42d8919\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f136656 elementor-widget elementor-widget-image\" data-id=\"f136656\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"439\" height=\"430\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/Accessible-Multimedia-Videos.png\" class=\"attachment-large size-large wp-image-34030\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/Accessible-Multimedia-Videos.png 439w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/07\/Accessible-Multimedia-Videos-300x294.png 300w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd9ac45 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd9ac45\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a71996\" data-id=\"6a71996\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f2129f elementor-widget elementor-widget-text-editor\" data-id=\"5f2129f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Developing the right mindset for designing accessible UX <\/h2><p>Achieving accessible UX design means adopting the right mindset. For that, you have to try to get inside the minds of your users, to understand them and the challenges they face on a day-to-day basis. Then think about what you could do to assist them in overcoming these challenges. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b97d2e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b97d2e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-feeac3a\" data-id=\"feeac3a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0983031 elementor-widget elementor-widget-text-editor\" data-id=\"0983031\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Understand your audience<\/h3><p>Your users aren\u2019t all the same. They include individuals with diverse needs, from someone with dyslexia to an older adult with limited mobility. Designing with empathy means considering how these users might navigate your site, read your content, or watch your videos.<\/p><p>You might consider, for example, how a person with <a href=\"https:\/\/reciteme.com\/us\/news\/blind-accessibility\/\">low vision<\/a> might think when they arrive on your site. Perhaps the first challenge they\u2019ll face is being able to read the text on your home page, so you increase text size accordingly. They might also have difficulty making out different website elements, so you adjust the color contrast. If their condition is particularly severe, they may even rely on screen readers to interpret visual content, so you ensure each image is embedded with descriptive alt text.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9df02c4 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9df02c4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bd7e6b2\" data-id=\"bd7e6b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2676f80 elementor-widget elementor-widget-image\" data-id=\"2676f80\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/training-icon-recite-me.png\" class=\"attachment-large size-large wp-image-38106\" alt=\"Accessibility Icons on a Mac screen\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/training-icon-recite-me.png 801w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/training-icon-recite-me-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/training-icon-recite-me-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/training-icon-recite-me-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-72a193d\" data-id=\"72a193d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7b2fbc elementor-widget elementor-widget-text-editor\" data-id=\"b7b2fbc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Invest in accessibility training<\/h3><p>Adopting the right mindset for accessible UX design doesn\u2019t come naturally to those without lived experience as a disabled individual. However, it is a skill that can be honed. How? Through regular training. Training sessions should cover topics like WCAG standards, assistive technologies, and inclusive UX design principles.<\/p><p>Be sure to check out the free <a href=\"https:\/\/reciteme.com\/us\/product\/accessibility-training\/accessible-web-design-course\/\">Accessibility Training Course for UX Web Designers<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aabbd11 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aabbd11\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-47fb06f\" data-id=\"47fb06f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d71e267 elementor-widget elementor-widget-text-editor\" data-id=\"d71e267\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Prioritise simplicity<\/h3><p>Cluttered designs overwhelm users, particularly those with neurological conditions, such as dyslexia or ADHD. Focus on clean layouts, intuitive navigation, and concise content. Consider using <a href=\"https:\/\/reciteme.com\/us\/news\/best-fonts-for-accessibility\/\">accessible fonts<\/a> like Arial and Tahoma, or condition-specific fonts like Dyslexie.<\/p><h3>Think beyond traditional input methods<\/h3><p>Not all users rely on traditional means of website browsing like keyboards and mice. Consider how those using alternative inputs like voice commands, touch screens, and <a href=\"https:\/\/reciteme.com\/us\/news\/adaptive-technology\/\">adaptive technologies<\/a> may operate your website, and ensure they have all the necessary means to do so.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e2c1ea2 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e2c1ea2\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-3b54bd6\" data-id=\"3b54bd6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbeb1c0 elementor-widget elementor-widget-heading\" data-id=\"dbeb1c0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-medium\">Digital Accessibility and Inclusion Toolkit<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72e7452 elementor-widget elementor-widget-text-editor\" data-id=\"72e7452\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our 40-page Digital Accessibility &amp; Inclusion Toolkit helps businesses break down online barriers and make a real impact. It offers practical advice on all aspects of digital accessibility, from writing an accessibility statement to accessible website tips and inclusive hiring.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd1dd19 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"cd1dd19\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/us\/download\/accessibility-and-inclusion-toolkit\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Your Toolkit Here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fa8bdc4\" data-id=\"fa8bdc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5167e40 elementor-widget elementor-widget-image\" data-id=\"5167e40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"722\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1.png\" class=\"attachment-large size-large wp-image-37328\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1.png 964w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1-300x271.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1-768x693.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60ceb39 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60ceb39\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8396318\" data-id=\"8396318\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-07ed03c elementor-widget elementor-widget-text-editor\" data-id=\"07ed03c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>The importance of accessibility testing for UX web designers<\/h2><p><a href=\"https:\/\/reciteme.com\/us\/news\/accessibility-testing-guide\/\">Accessibility testing<\/a> gives UX web designers critical information about what needs improving. And for that reason, it\u2019s a great start point. Without testing, any effort to improve accessible UX design is a mere shot in the dark.<\/p><p>Accessibility testing comes in several shapes and sizes, but <a href=\"https:\/\/reciteme.com\/us\/news\/automated-accessibility-testing-guide\/\">automated testing<\/a> is perhaps the most useful for UX web designers. Tools like an <a href=\"https:\/\/reciteme.com\/us\/product\/website-accessibility-checker\/\">accessibility checker<\/a> are able to scan your website\u2019s code in accordance with WCAG criteria, flagging any inaccessible or non-compliant features. Test results are compiled into a concise list complete with actionable recommendations for improvement. You can even access testing history to monitor how your UX design strategies have improved accessibility over time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.<\/p>\n","protected":false},"author":9,"featured_media":38767,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[107],"tags":[158],"departments":[93,97,95,92,94,133,96],"type_tag":[124],"flag":[],"class_list":["post-38537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-all-sectors","departments-c-suite","departments-careers","departments-diversity","departments-hr","departments-marketing","departments-sales","departments-tech","type_tag-articles"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accessibility in UX Design: Building Accessible Websites<\/title>\n<meta name=\"description\" content=\"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility in UX Design: Building Accessible Websites\" \/>\n<meta property=\"og:description\" content=\"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Recite Me\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-30T12:55:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-30T08:08:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Halpin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Halpin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"Accessibility in UX design: Building accessible websites\",\"datePublished\":\"2025-01-30T12:55:28+00:00\",\"dateModified\":\"2025-06-30T08:08:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\"},\"wordCount\":1915,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg\",\"keywords\":[\"All Sectors\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\",\"url\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\",\"name\":\"Accessibility in UX Design: Building Accessible Websites\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg\",\"datePublished\":\"2025-01-30T12:55:28+00:00\",\"dateModified\":\"2025-06-30T08:08:45+00:00\",\"description\":\"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.\",\"breadcrumb\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Accessibility in UX design Building accessible websites\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/us\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibility in UX design: Building accessible websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reciteme.com\/us\/#website\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"name\":\"Recite Me\",\"description\":\"Recite Me Website\",\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reciteme.com\/us\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/reciteme.com\/us\/#organization\",\"name\":\"Recite Me\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"width\":622,\"height\":200,\"caption\":\"Recite Me\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\",\"name\":\"Michael Halpin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"caption\":\"Michael Halpin\"},\"url\":\"https:\/\/reciteme.com\/us\/author\/michaelhalpin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessibility in UX Design: Building Accessible Websites","description":"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Accessibility in UX Design: Building Accessible Websites","og_description":"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.","og_url":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/","og_site_name":"Recite Me","article_published_time":"2025-01-30T12:55:28+00:00","article_modified_time":"2025-06-30T08:08:45+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg","type":"image\/jpeg"}],"author":"Michael Halpin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Halpin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"Accessibility in UX design: Building accessible websites","datePublished":"2025-01-30T12:55:28+00:00","dateModified":"2025-06-30T08:08:45+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/"},"wordCount":1915,"publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg","keywords":["All Sectors"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/","url":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/","name":"Accessibility in UX Design: Building Accessible Websites","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg","datePublished":"2025-01-30T12:55:28+00:00","dateModified":"2025-06-30T08:08:45+00:00","description":"When building a website accessibility should be one of your top priorities. Learn more about accessible UX web design today.","breadcrumb":{"@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#primaryimage","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Accessibility-in-UX-design-Building-accessible-websites-Thumbnail-copy.jpg","width":1920,"height":1080,"caption":"Accessibility in UX design Building accessible websites"},{"@type":"BreadcrumbList","@id":"https:\/\/reciteme.com\/us\/news\/accessibility-in-ux-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/us\/"},{"@type":"ListItem","position":2,"name":"Accessibility in UX design: Building accessible websites"}]},{"@type":"WebSite","@id":"https:\/\/reciteme.com\/us\/#website","url":"https:\/\/reciteme.com\/us\/","name":"Recite Me","description":"Recite Me Website","publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reciteme.com\/us\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/reciteme.com\/us\/#organization","name":"Recite Me","url":"https:\/\/reciteme.com\/us\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","width":622,"height":200,"caption":"Recite Me"},"image":{"@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8","name":"Michael Halpin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","caption":"Michael Halpin"},"url":"https:\/\/reciteme.com\/us\/author\/michaelhalpin\/"}]}},"_links":{"self":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/38537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/comments?post=38537"}],"version-history":[{"count":32,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/38537\/revisions"}],"predecessor-version":[{"id":44355,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/38537\/revisions\/44355"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media\/38767"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media?parent=38537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/categories?post=38537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/tags?post=38537"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/departments?post=38537"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/type_tag?post=38537"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/flag?post=38537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}