--- title: How to Make Your Website More Inclusive and Effective description: When it comes to diversity, equity, and inclusion, your benefits website must be inclusive, available, and accessible to all your people. image: https://segalbenz.com/hubfs/2022-Improve-Accessibility-web-600px-011922.png --- ![2022-Improve-Accessibility-web-2000px-011922](https://segalbenz.com/hs-fs/hubfs/2022-Improve-Accessibility-web-2000px-011922.png?width=300&name=2022-Improve-Accessibility-web-2000px-011922.png) [Segal Benz](https://segalbenz.com/blog/author/segal-benz) August 9, 2021 5 min read # How to Make Your Website More Inclusive and Effective [Previous post ](https://segalbenz.com/blog/virtual-events-are-here-to-stay) [Next post ](https://segalbenz.com/blog/how-to-support-your-managers-employee-benefits-wellbeing-efforts) - [**](http://www.linkedin.com/shareArticle?url=https://segalbenz.com/blog/website-accessibility-inclusivity-tips&title=How%20to%20Make%20Your%20Website%20More%20Inclusive%20and%20Effective) Long ago, when my daughter was in preschool, the teachers came up with what I thought was an ingenious way to foster accessibility and inclusion among preschoolers. They introduced a mantra, of sorts, that they repeated regularly, and encouraged the children to join in: “You can’t say, ‘you can’t play [with us].’” In other words, if someone wanted to participate in an activity others were engaged in, they could—and it was up to the group to find a way to accommodate them. Fast-forward two decades, and diversity, equity, and inclusion (DEI) are top of mind everywhere—[especially among employers](https://www.forbes.com/sites/ashleystahl/2020/07/21/10-steps-businesses-can-take-to-improve-diversity-and-inclusion-in-the-workforce/?sh=6a2133b9343e). No longer does it pass muster if you merely say your organization is socially responsible and that it fosters inclusivity. [When it comes to DEI, it’s what you do that counts](https://www.forbes.com/sites/janicegassam/2020/12/23/6-dei-resolutions-your-company-should-commit-to-in-2021/?sh=2f67f1045da8). In today’s world, your policies and practices must be inclusive, available, and accessible to all your people.  This includes your benefits website; it, too, needs to be inclusive, available, and [accessible](https://www.w3.org/standards/webdesign/accessibility) to everyone who wants to use it. Since your benefits website is where your people go for crucial information about their health, wellness, and financial benefits, how can they make informed decisions if they can’t access the information they need to make them? Maybe you think this issue doesn’t apply to your organization because you’ve already gone to great lengths to make your benefits site available outside your company firewall. While that’s great, it’s not the type of accessibility we’re talking about here. Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites by people with physical, cognitive, and situational disabilities, or socioeconomic restrictions on bandwidth and speed.  Yes, the accessibility arena is vast, but you can make serious inroads just by ensuring your site is accessible to employees with physical disabilities, such as visual impairment. In doing so, [you’re also improving the usability of the site for all users](https://www.usability.gov/what-and-why/accessibility.html). > The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. > > – Tim Berners-Lee, Creator of World Wide Web ## The Cold, Hard Facts [More than a quarter of all adults in the U.S. are living with some sort of disability](https://www.cdc.gov/ncbddd/disabilityandhealth/infographic-disability-impacts-all.html)—4.6% are blind or have serious difficulty seeing, and 5.9% are deaf or have serious difficulty hearing.  Since only [1% of the top million home pages on the web are accessible](https://webaim.org/projects/million/), it’s likely your organization’s benefits website isn’t. This means that some of your people cannot use it. Even if no one's mentioned having trouble using your site, it doesn't mean they aren't. The Americans with Disabilities Act (ADA) is one of the laws that governs accessibility in the U.S. Also important is Section 1557 of the Affordable Care Act, which prohibits discrimination in access to benefits based on health status.  Accessibility is required for both consumer-facing websites and websites used by your employees for accessing their work-related benefits. Increasingly, employees are holding the C-suite’s feet to the fire when it comes to improving diversity and inclusion. The [whistleblowers at Google](https://money.cnn.com/2018/06/06/technology/alphabet-shareholder-meeting/index.html) may have started the trend, but employees everywhere have picked up their mantle. And they’re not backing down. With [digital accessibility lawsuits on the rise](https://www.audioeye.com/post/the-risk-of-digital-accessibility-lawsuits-is-reaching-new-markets-and-sectors?creative=508256993933&keyword=&matchtype=b&network=g&device=c&utm_term=&utm_campaign=US-SEM-Nonbrand&utm_source=google&utm_medium=cpc&utm_content=508256993933&hsa_acc=3628656526&hsa_cam=12419382707&hsa_grp=119770682317&hsa_ad=508256993933&hsa_src=g&hsa_tgt=dsa-1209051165270&hsa_kw=&hsa_mt=b&hsa_net=adwords&hsa_ver=3&gclid=EAIaIQobChMIg8Lc1cHn7wIV7z6tBh3bOwkxEAAYAiAAEgI3evD_BwE), what can you do to ensure you’re not next on the docket? At the very least, your benefits website should meet federal electronic and information technology accessibility requirements. Not only is it the right thing to do, but several federal and state laws require it. And even if you’re not required by law to do it, there are compelling business reasons for it. Social responsibility has become a priority for the stakeholders you need in your corner—[investors and employees](https://www.forbes.com/sites/susanmcpherson/2019/01/14/corporate-responsibility-what-to-expect-in-2019/?sh=5774964f690f).  > It’s not just about disabled users being able to access your website—it’s about everyone being able to access your website. > > – Trenton Moss, Owner, Webcredible Consultancy Firm, UK ## Making a Website Accessible To make a website accessible for all users, developers use resources like the [web accessibility guidelines](https://www.w3.org/standards/webdesign/accessibility) created by the Web Accessibility Initiative of the World Wide Web Consortium (W3C). Since the guidelines address users with disabilities of many types (visual, auditory, motor, cognitive, and seizure and vestibular disorders), they can be daunting if you’re addressing your benefit site’s accessibility for the first time.  In this case, for most employers, a good place to start is with ensuring content is accessible to screen readers, which are used by those who are visually impaired. Screen readers are software programs that use a speech synthesizer or Braille display to allow blind or visually impaired users to read content displayed on a computer screen. ## 4 Areas of Focus for Visually Impaired Users Here are 4 features you can target to make your website more accessible to people with visual impairments: ### 1. Page structure - Use [semantic](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML#good_semantics) HTML tags. They describe the content and structure of your page and allow the screen reader to move quickly to the section of content they’re looking for. - Add headings to organize page content. This allows the screen reader to read the structure of the page. ### 2. Images and design - Choose colors that guarantee a high contrast between text and background or background images. - Include alternative text for images (known as alt text) for non-decorative images that provide information or context (e.g., graphs and charts, infographics). - Use focus outlines. They add a border around the active or selected item on a web page, making it more visible to the user. - Add captioning to videos. This allows the screen reader to capture all non-auditory content. ### 3. Links - Add a skip link to the top of your web pages. This allows the screen reader to skip items that are displayed on every page, such as the navigation. - Use descriptive hyperlinks so the screen reader knows where it’s taking them. For example, instead of “review this document,” write “review our Leave of Absence Guide for New Parents.” - Add anchor links to the top of long pages. This enables the user to skip to the content they’re looking for, instead of listening to the screen reader review all the content that precedes it. ### 4. User experience and navigation - Make sure all menus are accessible via keyboard. The user should be able to use the keyboard—not just a mouse—to navigate through your entire website. Whether you’re designing a new benefits website or upgrading the web experience you currently offer your people, you’ll be off to a good start in creating an inclusive, accessible site by taking the steps above. For a deeper dive into accessibility, visit [W3C](https://www.w3.org/standards/webdesign/accessibility.html) and [WebAIM](https://webaim.org/articles/). We're proud to work with organizations that value their people. If you want to learn more, [we’d love to talk](https://4249962-hs-sites-com.sandbox.hs-sites.com/contact-us). This blog was co-authored by Stacey Simon, Senior Consultant.   --- ## Read Next - [Barrier-free benefits websites are key to benefits communication success](https://segalbenz.com/blog/benefits-websites-are-key-to-successful-engagement) - [6 Essential elements of a great employee benefits website](https://segalbenz.com/blog/Six-ways-to-improve-employee-benefits-websites) - [Help Your People Make the Best Decisions with These Support Tools](https://segalbenz.com/blog/decision-support-tools-open-enrollment) ### Work with Us We partner with organizations that value their people first. [Let’s talk.](https://segalbenz.com/contact-us-form?hsLang=en) [Segal Benz](https://segalbenz.com/blog/author/segal-benz) ![Lenovo client story banner](https://segalbenz.com/hs-fs/hubfs/Lenovo-tile-770x770-1.png?width=400&height=400&name=Lenovo-tile-770x770-1.png) Client Stories Learn how we help our clients achieve results. [ Go to client stories ](https://segalbenz.com/client-stories) Sign Up for Our Email Stay up to date with the latest in HR and benefits communications. [ Subscribe now ](https://segalbenz.com/email-alert-signup-form) Resources on Demand Check out our library of resources—free to download! [ Explore resources ](https://segalbenz.com/resources)