{"id":9092,"date":"2021-02-10T12:32:42","date_gmt":"2021-02-10T17:32:42","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=9092"},"modified":"2026-03-23T10:18:18","modified_gmt":"2026-03-23T14:18:18","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/accessibility\/","title":{"rendered":"Digital Accessibility"},"content":{"rendered":"<p>The web is a powerful, and increasingly necessary way of connecting with one another and the world. In order to provide equal access and opportunity to all, we must do our part to make UNC School of Medicine (SOM) websites accessible to everyone.<\/p>\n<p>This web accessibility guide includes best practices, resources, and practical advice about how to ensure all users have equal access to information and functionality on our websites. These best practices are targeted at helping UNC School of Medicine website editors meet WCAG level AA standards on their websites.<\/p>\n<p>&nbsp;<\/p>\n\n\n<div class=\"\thero-wrapper home3\t\">\n\t \n<div class=\"hero-text\">\n<p>One in 4 U.S. adults \u2013 61 million Americans \u2013 have a disability that impacts major life activities.<\/p>\n<p>That\u2019s roughly the populations of California and Florida combined.<\/p>\n<\/div>\n<div class=\"hero-graphic\"><\/div>\n\n<\/div>\n<p>&nbsp;<\/p>\n<h2>What is Digital Accessibility?<\/h2>\n<p>Digital accessibility is achieved when a website, web application or electronic document can equitably be navigated and understood by <strong>all users<\/strong>. However, access for all doesn&#8217;t happen by default. Everyone who shares content in a digital format (websites, email, documents, presentations, etc.) must take action to create an equitable experience.<\/p>\n<p>People who interact with our School of Medicine websites are extremely diverse. They have a wide variety of characteristics, and limitations.\u00a0Consider the following users. If they visited your website, would each of them have a good experience?<\/p>\n<ul>\n<li><strong>Has low vision.<\/strong> Individuals with low vision may use screen magnification software that allows them to zoom in to all or a portion of the screen. Others may enlarge fonts on websites using standard browser functionality.\n<ul>\n<li>Ensure there is enough <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/color\/\">contrast<\/a> for all elements of your website.<\/li>\n<li>Ensure text can be resized. The Americans with Disabilities Act (ADA), require that a website\u2019s text be adjustable up to 200 pixels (px) larger than the original size without having to use assistive technology.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Is blind.<\/strong> Individuals who are blind use screen readers that read web content using synthesized speech, or a refreshable Braille device.\n<ul>\n<li>Proper use of <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/headings\/\">headers<\/a> allow users and screen readers to jump to specific areas of a page without having to read the entire page.<\/li>\n<li>Don\u2019t auto-play videos and audio. People using screen readers navigate by listening, so any sound playing when the page loads will interfere with their experience.<\/li>\n<li>Provide adequate <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/alt-text\/\">alternative text<\/a> on all informative (non-decorative) images.<\/li>\n<li>Avoid images containing text. Do not use an image containing text when you can use true text to convey the same information. True text enlarges better and loads faster.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Is colorblind<\/strong>.\n<ul>\n<li>Do not rely solely on <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/color\/\">color to convey meaning<\/a>. If you use color to indicate something, also use another indicator. For example, mark a required field with an asterisk.<\/li>\n<li>Ensure there is enough <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/color\/\">contrast<\/a> for all elements on your site.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Unable to hear.<\/strong>\u00a0Individuals who are deaf or hard of hearing are unable to access audio content, so video needs to be captioned and audio needs be transcribed.<\/li>\n<li><strong>Has a physical disability. <\/strong>Individuals with physical impairments may be unable to use a mouse, and instead may rely exclusively on keyboard commands or use assistive technologies such as speech recognition, head pointers, mouth sticks, or eye trackers. Other individuals, such as Parkinson patients, may use a mouse but have trouble with fine motor control.\n<ul>\n<li>Ensure clickable elements, such as buttons and links, are large and have space between them.<\/li>\n<li>Animations with rapid flickers are not only annoying, they can trigger epileptic seizures.<\/li>\n<li>Eliminate Horizontal Scrolling.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Has cognitive issues<\/strong>. This relates to the ease of processing information. These users may use audible output, along with software that highlights words or phrases as it&#8217;s read aloud.\n<ul>\n<li>Proper use of <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/headings\/\">headers<\/a> provide an outline of the page so visitors can understand how the page is structured and how all the sections relate to one another.<\/li>\n<li>Minimize cognitive load \u2013 don\u2019t overwhelm the user.<\/li>\n<li>Keep sentences short and simple.<\/li>\n<li>Try to avoid abbreviations unless you explain them first.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Has a temporary or situational disability<\/strong>. While many people have permanent disabilities, there are also situations where people have &#8220;temporarily disabilities.&#8221; For instance, an arm or wrist injury may temporarily prevent someone from being able to use a mouse.<\/li>\n<li><strong>Limited bandwidth.<\/strong> Some users may have slow Internet connections.\n<ul>\n<li>Minimize image file size so pages load quickly.<\/li>\n<li>Provide adequate <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/alt-text\/\">alternative text<\/a> on all informative (non-decorative) images.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Limited time. <\/strong>Busy individuals have limited time to search websites or watch an entire video recording.\n<ul>\n<li>Provide audio transcripts and video captions to enable quick access to the information they contain.<\/li>\n<li>Well-written <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/headings\/\">headings<\/a> help users scan information and allows them to jump to specific areas of a page without having to read through entire sections.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Uses a cell phone<\/strong>. Roughly 45% of traffic to our School of Medicine websites is from a mobile device. Sometimes these devices can be problematic for users.\n<ul>\n<li>Glare on the phone can make content hard to read. Increased contrast can help in this situation. To keep text readable, use a text <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/color\/\">color that contrasts well<\/a> with the background color.<\/li>\n<li>Small screen size may require users to zoom in or increase the font size to read text.<\/li>\n<li>May have poor reception\/service. These users benefit from pages that load quickly.<\/li>\n<\/ul>\n<\/li>\n<li><strong>English is a second language<\/strong>.\n<ul>\n<li>Keep sentences short and simple.<\/li>\n<li>Try to avoid abbreviations unless you explain them first.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Designing with user accessibility in mind means envisioning <strong>all users<\/strong> as having needs that require attention. We must consider how we create web content to ensure as many people as possible can use our websites.<\/p>\n<p>&nbsp;<\/p>\n\n\n<div class=\"\thero-wrapper home4\t\">\n\t \n<div class=\"hero-text\">\n<p>A little over 2 million college students, which is about 11% of the college student population in 2016, reported having a disability.<\/p>\n<p class=\"cite\">Source: U.S. Department of Education\u2019s\u00a0<a href=\"https:\/\/nces.ed.gov\/fastfacts\/display.asp?id=60\">National Center for Education Statistics: Students with Disabilities<\/a><\/p>\n<\/div>\n<div class=\"hero-graphic\"><\/div>\n\n<\/div>\n<h2>Benefits of Accessibility<\/h2>\n<p>Having an accessible web site brings a number of benefits.<\/p>\n<ul>\n<li><strong>User Experience<\/strong>. One of the biggest upsides to an accessible website is that it provides a better user experience for everyone, not just for people with disabilities.<\/li>\n<li><strong>Improved branding<\/strong>. People are more likely to buy from a brand that genuinely cares about people.<\/li>\n<li><strong>Avoid lawsuits and complaints<\/strong>.<\/li>\n<li><strong>Reach a wider audience<\/strong>. With an estimated 1 in 4 U.S. adults is living with a disability, this represents a significant loss of traffic and customers should they not be able to use your website.<\/li>\n<li><strong>Increased Return on Investment (ROI)<\/strong>. It makes financial sense to include the 25% of the population that have a disability. The global market of people with disabilities is over 1 billion people with a spending power of more than $6 trillion. Source:\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/business-case\/\">W3C<\/a>.<\/li>\n<li><strong>Socially responsible<\/strong>. Having an accessible site improves perception of your department or organization as one that is receptive to the public interest.<\/li>\n<li><strong>Inclusivity<\/strong>. We want all our site visitors to feel welcome and have the best possible experience. This\u00a0can be particularly important for sites featuring medical information for the general public.<\/li>\n<li><strong>Increased access to information and services<\/strong>. The web provides an invaluable tool for people with disabilities because it provides greater access to information and in our case, increased opportunity for medical care.<\/li>\n<li><strong>Improve search engine ranking<\/strong>. Think about it, Google by definition is both a blind and deaf web site user. In order for Google, or any other search engine, to determine what order to rank a web site, it must first understand what content the website contains. Providing content in an accessible way with <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/alt-text\/\">alternative text<\/a> on images, captions on videos, and the use of <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/headings\/\">headings<\/a> to create proper structure, gives a search engine a way to organize and rate website content.<\/li>\n<li><strong>It&#8217;s the right thing to do!<\/strong>\u00a0Just like you would hold open the door for your elderly neighbor who has trouble walking, you\u2019d want to extend that same courtesy to everyone who wishes to access your digital content.<\/li>\n<\/ul>\n<p>Hopefully you understand the importance of accessibility and will make it an integral part of your site content.<\/p>\n<h2>Campus Resources<\/h2>\n<p>The <a href=\"https:\/\/digitalaccessibility.unc.edu\/\">UNC Digital Accessibility Office<\/a> provides campus-wide guidance, training, and resources to support digital accessibility.<\/p>\n<h2>Related Accessibility Videos<\/h2>\n<p>Here are some examples of how inclusive design and development can impact lives.<\/p>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/k251V562qnA\" title=\"Digital Accessibility Puts Patients First video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Digital Accessibility Puts Patients First<\/h3>\n<p style=\"text-align: center;\">Spaulding Rehabilitation in Massachusetts explains the importance they place on having an accessible web site.<br \/>\n4 min. 21 sec.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/eCnaju4SAQY\" title=\"Breaking Down Barriers video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Breaking Down Barriers<\/h3>\n<p style=\"text-align: center;\">Perkins School for the Blind demonstrates how technology and accessibility are breaking down barriers for people who are blind..<br \/>\n4 min. 20 sec.<\/p>\n<\/div>\n<\/div>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/MQztMZQXMO8\" title=\"Cerebral Palsy Student Promotes Inclusivity video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Cerebral Palsy Student Promotes Inclusivity<\/h3>\n<p style=\"text-align: center;\">A college student with cerebral palsy uses technology to promote inclusivity and inspire others to do the same.<br \/>\n1 min. 54 sec.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/JUfmCvdzqbM\" title=\"Low Vision: Challenging Assumptions and Understanding Differences video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Low Vision: Challenging Assumptions and Understanding Differences<\/h3>\n<p style=\"text-align: center;\">This video shows how preconceived notions about accessibility aren\u2019t always correct.<br \/>\n3 min. 43 sec.<\/p>\n<\/div>\n<\/div>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/o_mvO6EQ0tM\" title=\"Screen Reader Demonstration video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Screen Reader Demonstration<\/h3>\n<p style=\"text-align: center;\">A blind user demonstrates how he uses a screen reader.<br \/>\n7 min. 5 sec.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/7RHG_XiQ0ck\" title=\"Web Accessibility Perspectives: Voice Recognition video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Web Accessibility Perspectives: Voice Recognition<\/h3>\n<p style=\"text-align: center;\">1 min. 10 sec.<\/p>\n<\/div>\n<\/div>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/PQGFshzLPXE\" title=\"A Personal Look at Accessibility in Higher Education video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">A Personal Look at Accessibility in Higher Education<\/h3>\n<p style=\"text-align: center;\">This video highlights the experiences of students and faculty with disabilities in higher education.<br \/>\n5 min. 57 sec.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Lu7a5RU5lM0\" title=\"How People with Disabilities Access Digital Content\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">How People with Disabilities Access Digital Content<\/h3>\n<p style=\"text-align: center;\">Demonstrates technologies and methods people with disabilities use to access digital content.<br \/>\n45 min. 22 sec.<\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The web is a powerful, and increasingly necessary way of connecting with one another and the world. In order to provide equal access and opportunity to all, we must do our part to make UNC School of Medicine (SOM) websites accessible to everyone. This web accessibility guide includes best practices, resources, and practical advice about &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/\" aria-label=\"Read more about Digital Accessibility\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9092","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=9092"}],"version-history":[{"count":2,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9092\/revisions"}],"predecessor-version":[{"id":15591,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9092\/revisions\/15591"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=9092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}