{"id":72099,"date":"2023-03-20T09:01:20","date_gmt":"2023-03-20T09:01:20","guid":{"rendered":"https:\/\/www.cryptocabaret.com\/?p=72099"},"modified":"2023-03-20T09:01:20","modified_gmt":"2023-03-20T09:01:20","slug":"create-accessible-websites-with-drupal","status":"publish","type":"post","link":"https:\/\/www.cryptocabaret.com\/?p=72099","title":{"rendered":"Create accessible websites with Drupal"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Create accessible websites with Drupal<\/span><br \/>\n<span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"https:\/\/opensource.com\/users\/neerajskydiver\" class=\"username\">neerajskydiver<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Mon, 03\/20\/2023 &#8211; 03:00<\/span><\/p>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>As the world becomes increasingly digital, it\u2019s more important than ever to ensure that websites are accessible to everyone. Accessibility is about designing websites that can be used by people with disabilities, such as visual or hearing impairments, as well as those who rely on assistive technology like screen readers. In this article, I\u2019ll explore recommendations for creating accessible websites with Drupal, a popular open source content management system.<\/p>\n<h2>Why accessibility is important<\/h2>\n<p>First, consider why accessibility is important. According to the World Health Organization, over 1 billion people worldwide live with some form of disability. In the United States alone, 26% of adults have some form of disability. Ensuring that websites are accessible is not only a moral imperative, it\u2019s also a legal requirement. In the US, websites must comply with the Americans with Disabilities Act (ADA) and Section 508 of the Rehabilitation Act, which sets standards for accessibility in federal agencies.<\/p>\n<h2>4 tips for creating accessible websites with Drupal<\/h2>\n<p>Here are some tips for creating accessible websites with Drupal:<\/p>\n<ol type=\"1\">\n<li><strong>Choose accessible themes and modules<\/strong>: When selecting themes and modules for your Drupal website, it\u2019s important to choose those designed with accessibility in mind. The Drupal community has created a number of themes and modules that are specifically designed for accessibility. You can also use tools like the Web Accessibility Evaluation Tool (WAVE) to test the accessibility of themes and modules before you install them.<\/li>\n<li><strong>Design for keyboard navigation<\/strong>: Many people with disabilities rely on keyboard navigation to access websites. To ensure that your Drupal website can be navigated using a keyboard, you should make sure that all interactive elements are reachable with a keyboard and that the order in which elements are accessed with the keyboard makes sense. You can use the Drupal Accessibility module to test your website\u2019s keyboard navigation.<\/li>\n<li><strong>Use ARIA attributes<\/strong>: Accessible Rich Internet Applications (ARIA) is a set of attributes that can be added to HTML elements to make them more accessible. ARIA attributes can be used to provide additional information to assistive technology, such as screen readers. For example, you can use ARIA attributes to describe the purpose of a button or a link. Drupal has built-in support for ARIA attributes.<\/li>\n<li><strong>Test for accessibility compliance<\/strong>: To ensure that your Drupal website is accessible, test it for compliance with accessibility standards like the Web Content Accessibility Guidelines (WCAG). There are a number of tools available for testing accessibility compliance, such as <a href=\"https:\/\/github.com\/microsoft\/accessibility-insights-web\">Accessibility Insights for Web<\/a>.<\/li>\n<\/ol>\n<div class=\"embedded-resource-list callout-float-right\">\n<div class=\"field field--name-title field--type-string field--label-hidden field__item\">Our favorite resources about open source<\/div>\n<div class=\"field field--name-links field--type-link field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/downloads\/cheat-sheet-git?intcmp=7016000000127cYAAQ\">Git cheat sheet<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/developers.redhat.com\/cheat-sheets\/advanced-linux-commands\/?intcmp=7016000000127cYAAQ\">Advanced Linux commands cheat sheet<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/tags\/alternatives?intcmp=7016000000127cYAAQ\">Open source alternatives<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/www.redhat.com\/en\/services\/training\/rh024-red-hat-linux-technical-overview?intcmp=7016000000127cYAAQ\">Free online course: RHEL technical overview<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/downloads\/cheat-sheets?intcmp=7016000000127cYAAQ\">Check out more cheat sheets<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2>Examples of accessible websites using Drupal<\/h2>\n<p>Several organizations have successfully implemented accessible websites using Drupal. Here are two of my favorite.<\/p>\n<ol type=\"1\">\n<li>\n<p><strong>University of Colorado Boulder<\/strong>: The University of Colorado Boulder used Drupal to redesign its website with accessibility in mind. They used Drupal\u2019s built-in accessibility features, as well as custom modules, to ensure that their website is compliant with accessibility standards. As a result, they saw a significant increase in traffic and engagement from users with disabilities.<\/p>\n<\/li>\n<li>\n<p><strong>Connecticut Children\u2019s Medical Center<\/strong>: Connecticut Children\u2019s Medical Center used Drupal to create an accessible website for patients and their families. They used Drupal\u2019s built-in accessibility features, as well as custom modules, to provide features like keyboard navigation and ARIA attributes. The website has been praised for its accessibility and has won several awards.<\/p>\n<\/li>\n<\/ol>\n<h2>Access for all<\/h2>\n<p>Creating accessible websites is essential for ensuring that everyone can access digital content. Drupal has a number of features and modules that can help make websites more accessible, including built-in accessibility features, themes and modules designed for accessibility, and support for ARIA attributes. By implementing these recommendations, you can create an accessible website that provides a better user experience for all users.<\/p>\n<\/div>\n<div class=\"clearfix text-formatted field field--name-field-article-subhead field--type-text-long field--label-hidden field__item\">\n<p>Use the open source Drupal CMS to create accessible websites that provide open access to everyone.<\/p>\n<\/div>\n<div class=\"field field--name-field-lead-image field--type-entity-reference field--label-hidden field__item\">\n<article class=\"media media--type-image media--view-mode-caption\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2023\/03\/browser_blue_text_editor_web.png\" width=\"1040\" height=\"584\" alt=\"Text editor on a browser, in blue\" title=\"Text editor on a browser, in blue\"><\/div>\n<\/article>\n<\/div>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/tags\/accessibility\" hreflang=\"en\">Accessibility<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/tags\/drupal\" hreflang=\"en\">Drupal<\/a><\/div>\n<\/p><\/div>\n<div class=\"hidden field field--name-field-listicle-title field--type-string field--label-hidden field__item\">What to read next<\/div>\n<div class=\"field field--name-field-default-license field--type-list-string field--label-hidden field__item\"><a rel=\"license\" href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/\"><br \/>\n        <img decoding=\"async\" alt=\"Creative Commons License\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2023\/03\/cc-by-sa--39.png\" title=\"This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.\"><\/a>This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.<\/div>\n<section class=\"field field--name-field-comments field--type-comment field--label-hidden comment-wrapper\">\n<div class=\"comments__count\">\n<div class=\"login\"><a href=\"https:\/\/opensource.com\/user\/register?absolute=1\">Register<\/a> or <a href=\"https:\/\/opensource.com\/user\/login?destination=\/feed&amp;absolute=1\">Login<\/a> to post a comment.<\/div>\n<\/p><\/div>\n<\/section>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\" rel=\"noopener\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create accessible websites with Drupal neerajskydiver Mon, 03\/20\/2023 &#8211; 03:00 As the world becomes increasingly digital, it\u2019s more important than ever to ensure that websites are accessible to everyone. Accessibility is about designing websites that can be used by people with disabilities, such as visual or hearing impairments, as well as those who rely on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":72100,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[307],"tags":[],"class_list":["post-72099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source"],"_links":{"self":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts\/72099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72099"}],"version-history":[{"count":0,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts\/72099\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/media\/72100"}],"wp:attachment":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=72099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=72099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}