{"id":18502,"date":"2025-05-14T13:45:51","date_gmt":"2025-05-14T13:45:51","guid":{"rendered":"https:\/\/www.rnw.media\/?post_type=news&#038;p=18502"},"modified":"2025-05-21T09:52:09","modified_gmt":"2025-05-21T09:52:09","slug":"solution-in-action-our-approach-to-web-accessibility","status":"publish","type":"news","link":"https:\/\/www.rnw.media\/index.php\/news\/solution-in-action-our-approach-to-web-accessibility\/","title":{"rendered":"Digital Solution in Action: Our Approach to Web Accessibility"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>By Noyan Er, Digital Product Manager<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Accessibility Matters for Everyone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web accessibility affects everybody&#8217;s experience navigating the digital world. While disability is often seen as fixed or binary, it can be temporary or situational &#8211; like struggling to see a screen in bright sunlight or hear audio in a noise space.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Disability, in many cases, is a combination of somebody&#8217;s current ability and the barriers that surround them to access a service or complete an action. The World Health Organization <a href=\"https:\/\/www.who.int\/teams\/noncommunicable-diseases\/sensory-functions-disability-and-rehabilitation\/global-report-on-health-equity-for-persons-with-disabilities\" data-type=\"link\" data-id=\"https:\/\/www.who.int\/teams\/noncommunicable-diseases\/sensory-functions-disability-and-rehabilitation\/global-report-on-health-equity-for-persons-with-disabilities\">estimates over a billion people to experience some form of disability<\/a>. Yet many websites still present barriers. A <a href=\"https:\/\/webaim.org\/projects\/million\/\">study<\/a> by accessibility lab WebAIM showed that more than 60% of the top websites have 10 or more accessibility issues, making them difficult to use with assistive devices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you are looking for a dummy proof cooking recipe or trying to buy tickets to the concert you&#8217;ve been waiting for for months, accessibility matters.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Challenge: Is Your Website Reachable by Everybody?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Many websites, including independent and public interest media, unknowingly have accessibility barriers which make them difficult to navigate for people with disabilities. Although assistive devices require some elements of the source code to include some specific information, these are usually quite easy to fix. Moreover, there are some easy steps you can take action to make your website more accessible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Low Contrast Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">About 79% of popular websites have poor colour contrast, making them hard to read for users with visual impairments. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use a tools like WebAIM Contrast Checker to test text\/background colour combinations.<\/li>\n\n\n\n<li>Stick to dark text on light backgrounds (or vice versa). Avoid pastel-on-white or grey-on-grey combos.<\/li>\n\n\n\n<li>Avoid relying on colour alone to convey meaning (e.g., add icons or bold text for errors)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Missing Alternative Text for Images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Without alt text, screen readers can&#8217;t describe images &#8211; excluding users who rely on them.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use &#8220;Alt Text&#8221; for your images.<\/li>\n\n\n\n<li>Use empty alt text<strong> <\/strong>(e.g., <code>alt=\"\"<\/code>) for decorative images.<\/li>\n\n\n\n<li>Don\u2019t overdo it &#8211; keep descriptions clear and concise.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Poor or Missing Heading Structure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Since screen readers make sense of web pages by reading navigation elements, having a clear page structure makes your pages more accessible and also help with other aspects such as SEO. To make sure you have a proper heading structure you can do the following: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make sure to use headings (&lt;h1&gt;, &lt;h2&gt;, etc.) to organize your content clearly. <\/li>\n\n\n\n<li>Use only one &lt;h1&gt; per page (usually the page title), then tag the sections logically (&lt;h2&gt; for sections, &lt;h3&gt; for subsections).<\/li>\n\n\n\n<li>Don\u2019t skip levels, e.g.  don\u2019t jump from &lt;h2&gt; to <code>&lt;h4&gt;<\/code>.<\/li>\n\n\n\n<li>Use heading tags (not just bold text) on your content management system to include headings.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">RNW Media\u2019s Web Accessibility Digital Media Solution<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">At RNW Media, we place changemakers at the centre of building accessible platforms. Our Web Accessibility Digital Media Solution starts with raising awareness and identifying the most impactful improvements. The process involves three steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Assessment<\/strong> \u2013 Evaluate accessibility and team capacity<\/li>\n\n\n\n<li><strong>Implementation<\/strong> \u2013 Use tools, report issues, and gather feedback<\/li>\n\n\n\n<li><strong>Reporting<\/strong> \u2013 Document improvements and insights<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"934\" height=\"398\" src=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/04\/Web-Accessibility-coaching-steps-1.png\" alt=\"Chart picturing the following phases and activities:\n\nAssessment: Initial web accessibility measurement &amp; team capacity assessment\n\nImplementation: Selecting the right assessment tool, reporting accessibility issues and collecting feedback\n\nReporting: Report improvements \" class=\"wp-image-18504\" srcset=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/04\/Web-Accessibility-coaching-steps-1.png 934w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/04\/Web-Accessibility-coaching-steps-1-300x128.png 300w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/04\/Web-Accessibility-coaching-steps-1-768x327.png 768w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><figcaption class=\"wp-element-caption\"><em>An illustration of our process<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We ensure that all team members \u2013 technical or not \u2013 feel equipped to address accessibility challenges. Through tailored coaching, we help non-technical staff communicate clearly with developers or vendors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While automated tools are useful, they can\u2019t replace real feedback from users with impairments. That\u2019s why our approach includes support for setting up manual testing with focus groups and experts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In a recent pilot with six members of <em>The Vine<\/em>, RNW Media\u2019s network of independent media makers, teams resolved an average of 30% of accessibility issues after coaching.<\/p>\n\n\n\n<div class=\"wp-block-cover aligncenter\" style=\"min-height:405px;aspect-ratio:unset;\"><img decoding=\"async\" width=\"1024\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-17887 lazyload\" alt=\"Noyan poses for a portrait image - his hands are crossed in front of his chest. He wears a long sleeve white shirt.\" data-src=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er-1024x1024.jpg\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;object-position:51% 29%\" data-object-fit=\"cover\" data-object-position=\"51% 29%\" data-srcset=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er-1024x1024.jpg 1024w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er-300x300.jpg 300w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er-150x150.jpg 150w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er-768x768.jpg 768w, https:\/\/www.rnw.media\/wp-content\/uploads\/2025\/03\/Noyan-Er.jpg 1400w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">&#8220;Web accessibility is an ongoing process, not a checklist.&#8221;<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Noyan Er, Digital Product Manager<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What steps can you take?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can take action to improve your presence through web accessibility by continuously working on targeted improvements and setting up actionable frameworks and guidelines for your team. Be assured that there are steps you can take to start working on this issue and RNW Media would be more than happy to guide you through you web accessibility journey. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Web accessibility is part of the broader digital inclusion landscape \u2013 and it\u2019s one of the most actionable areas to improve right now. Open-source guidelines like <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">Web Content Accessibility Guidelines<\/a> are a great starting point, but we\u2019ve found that hands-on coaching helps teams apply that knowledge in practice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Solution in Action: Nairobits on Putting Accessibility into Practice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We worked with our partner <a href=\"https:\/\/www.nairobits.com\/\" data-type=\"link\" data-id=\"https:\/\/www.nairobits.com\/\">Nairobits<\/a> who took part in our web accessibility coaching and saw measurable improvements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8221;We conducted a full audit of our website against WCAG guidelines, which revealed areas for improvement in text alternatives, keyboard navigation and semantic HTML,&#8221; shares <a href=\"https:\/\/www.linkedin.com\/in\/alexoburu\/?originalSubdomain=ke\" data-type=\"link\" data-id=\"https:\/\/www.linkedin.com\/in\/alexoburu\/?originalSubdomain=ke\">Alex Oburu<\/a>, Nairobits Programme and Partnership Lead.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Going through this process taught us the value of regular accessibility testing &#8211; it&#8217;s not a one-off task but an integral part of development and design.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The coaching also helped Nairobits better prioritise issues using the W3C guidelines framework. For example, they made changes to a site developed for the London School of Economics\u2019 S-Bize programme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enforcing minimum colour contrast ratios and visible focus states<\/li>\n\n\n\n<li>Structuring content with clear headings and skip-link functionality<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Web accessibility aligns with our goal of inclusive digital education,&#8221; says Alex. &#8220;Ensuring that every user, regardless of ability, can engage with content is central to the work we do. These changes have noticeably improved both usability and satisfaction among all visitors.&#8221;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Work with RNW Media<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web accessibility is an ongoing process, not a checklist. Since media makers constantly publish on the web in new formats and using new technologies, accessibility will continue to stay relevant and should be a part of your web publishing strategies.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RNW Media is here to support your journey, step by step. Whether you&#8217;re just starting or ready to refine your approach, we\u2019re ready to help build a more accessible digital realm together.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>For more on Nairobits, check out the <a href=\"https:\/\/sbize.nairobits.com\/\" data-type=\"link\" data-id=\"https:\/\/sbize.nairobits.com\/\">S-Bize programme<\/a>. Want to know more about how we work? Learn more about <a href=\"https:\/\/www.rnw.media\/index.php\/our-work\/\">our solutions<\/a>.<\/em> Also, stay tuned for the next edition of our <a href=\"https:\/\/www.rnw.media\/?s=%22Digital+Solution+in+Action%22&amp;e_search_props=b159925-495\">Digital Solution in Action<\/a> series.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web accessibility matters for everyone. In this Solutions in Action piece, Digital Product Manager Noyan Er shares key dos and don\u2019ts for accessible websites and how RNW Media can help your organisation take action.<\/p>\n","protected":false},"author":13,"featured_media":18844,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false},"tags":[50,41],"class_list":["post-18502","news","type-news","status-publish","format-standard","has-post-thumbnail","hentry","tag-digital-solution-in-action","tag-information-integrity"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/news\/18502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/news"}],"about":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/types\/news"}],"author":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/comments?post=18502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/media\/18844"}],"wp:attachment":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/media?parent=18502"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/tags?post=18502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}