{"id":3211,"date":"2026-05-26T14:02:56","date_gmt":"2026-05-26T14:02:56","guid":{"rendered":"https:\/\/markenportal.ruhr-uni-bochum.de\/websites\/accessible-websites\/"},"modified":"2026-08-17T15:38:43","modified_gmt":"2026-08-17T15:38:43","slug":"accessible-websites","status":"publish","type":"page","link":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/websites\/accessible-websites\/","title":{"rendered":"Accessible websites"},"content":{"rendered":"\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-4bfce057 wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<h1 class=\"wp-block-heading\">Website accessibility  <\/h1>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:500\"><strong>Ruhr University Bochum (RUB) is legally required to ensure digital accessibility. This applies not only to new websites and pages, but also to those that have been online for a longer time. Programming, website design, and editorial content must all contribute to achieving this goal.  <\/strong><\/p>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"864\" src=\"https:\/\/markenportal.ruhr-uni-bochum.de\/wp-content\/uploads\/2026\/05\/generated-image-1778155275459-1-edited.png\" alt=\"\" class=\"wp-image-1024\" style=\"aspect-ratio:16\/9;object-fit:contain;width:1200px;height:auto\" srcset=\"https:\/\/markenportal.ruhr-uni-bochum.de\/wp-content\/uploads\/2026\/05\/generated-image-1778155275459-1-edited.png 1536w, https:\/\/markenportal.ruhr-uni-bochum.de\/wp-content\/uploads\/2026\/05\/generated-image-1778155275459-1-edited-300x169.png 300w, https:\/\/markenportal.ruhr-uni-bochum.de\/wp-content\/uploads\/2026\/05\/generated-image-1778155275459-1-edited-1024x576.png 1024w, https:\/\/markenportal.ruhr-uni-bochum.de\/wp-content\/uploads\/2026\/05\/generated-image-1778155275459-1-edited-768x432.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Generated by AI, ChatGPT<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Accessible web design<\/strong> and <strong>accessible development<\/strong> are essential. As a rule, both must be implemented once at the start of a new website project. The tools used to create websites generally already support digital accessibility.   <br\/><br\/>In addition, the website must also be <strong>filled with accessible content at the editorial level<\/strong> by the editors. This is an ongoing task. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Brief digression: Guidelines on digital accessibility<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-1\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/DE\/TXT\/?uri=CELEX%3A32016L2102\" data-type=\"link\" data-id=\"https:\/\/eur-lex.europa.eu\/legal-content\/DE\/TXT\/?uri=CELEX%3A32016L2102\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>European Directive 2016\/2102<\/strong><\/a> governs accessible access <br\/>to websites. <br\/><br\/>Implementation of this directive at state level is governed by the<strong> <a href=\"https:\/\/recht.nrw.de\/lmi\/owa\/br_text_anzeigen?v_id=10000000000000000724\" target=\"_blank\" rel=\"noreferrer noopener\">BITVNRW<\/a><\/strong>, <br\/>which is based on the federal BITV 2.0, revised in 2019.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Basic tips for website accessibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">The following basic tips on digital website accessibility for editors as well as website managers, developers, and designers provide an important foundation. <br\/><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\" id=\"redaktionelle-tipps\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><strong><a href=\"#programmierung\" data-type=\"internal\" data-id=\"#programmierung\">Development &amp; Design<\/a> <\/strong><br\/><a href=\"#redaktionell\" data-type=\"internal\" data-id=\"#redaktionell\"><strong>Editorial tips<\/strong><br\/><\/a><strong><a href=\"#beratung\" data-type=\"internal\" data-id=\"#beratung\">Testing &amp; consulting<\/a><\/strong> <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ffbd826c wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;min-height:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h3 class=\"wp-block-heading\" id=\"programmierung\"><strong>Tips for development &amp; design  <\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>It is recommended to use a common content management system \u2013 <\/strong><br\/><strong>at RUB, for example, Imperia.<\/strong> Many digital accessibility requirements are already built into CMS development.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Use invisible skip links as a navigation aid.<br\/><\/strong>Invisible skip links are recognised by screen readers and can be accessed by them.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ensure your website is responsive.<br\/><\/strong>Many users visit RUB websites on mobile devices.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>When designing, ensure accessible spacing, font sizes, and contrast.<\/strong><\/p>\n<\/div>\n\n<div class=\"wp-block-group has-rub-gelb-50-background-color has-background is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-11a9512f wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;min-height:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<h3 class=\"wp-block-heading\"><strong>Detailed information, tests, and materials on the topic<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><br\/>The Competence Center for Digital Accessibility for Universities in <br\/>North Rhine-Westphalia provides a wealth of information and guidance <br\/>on accessibility. <br\/><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/barrierefreiheit.dh.nrw\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Go to the barrierefreiheit.nrw website<\/strong><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ffbd826c wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;min-height:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h3 class=\"wp-block-heading\" id=\"redaktionell\"><strong>Editorial tips<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Structure your web pages consistently. <\/strong><br\/>Maintain heading hierarchies (H1, H2, H3, etc.).<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Always ensure correct spelling. <\/strong><br\/>When creating texts, follow the writing rules\/wording of RUB or your organisational unit\/institution.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ensure that links are always up to date and functional. <\/strong><br\/>Replace outdated links or delete them; avoid redirect chains in links. <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content should be presented on websites <\/strong><br\/><strong>instead of offering PDFs for download. <\/strong><br\/>If you wish to provide PDFs online, they must be created to be accessible. <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alt text for images and graphics is mandatory. <\/strong><br\/>Purely decorative images and graphics, such as icons, horizontal divider lines, the magnifying glass symbol in the search bar, etc., do not require alt text. <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Do not<\/strong> <strong>put text or information in graphics<\/strong>.<br\/>Provide a text alternative in the image description.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<div id=\"beratung\" class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ffbd826c wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;min-height:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h3 class=\"wp-block-heading\" id=\"beratung\"><strong>Testing &amp; consulting<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Get advice on digital accessibility. <br\/><\/strong>The Agency for Online Communication <strong>(onlinekommunikation@ruhr-uni-bochum.de)<\/strong> is always happy to help with any questions about digital accessibility. Please contact us in particular if you are creating a new website. <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Your website must be accessible and usable without aids \u2013 special tools or add-ons. <\/strong><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Test your websites yourself. <br\/><\/strong>For example, try using it without a mouse or set an extreme zoom level.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Have new and existing websites checked for accessibility. <br\/><\/strong>We recommend using the Siteimprove tool for this. Use the tool early on, especially when building a new website. A subsequent test by an external agency is optional.  <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-37efb7d6 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading\">Contact &amp; consulting<\/h2>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f3c985d4 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9cb2c61b wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<p class=\"wp-block-paragraph\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">For further questions and advice on digital accessibility, please contact the <a href=\"https:\/\/einrichtungen.ruhr-uni-bochum.de\/de\/agentur-fuer-onlinekommunikation\" target=\"_blank\" rel=\"noreferrer noopener\">Agency for Online Communication<\/a>:<br\/> <br\/><a href=\"mailto:onlinekommunikation@ruhr-uni-bochum.de\"><strong>onlinekommunikation@ruhr-uni-bochum.de<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website accessibility Ruhr University Bochum (RUB) is legally required to ensure digital accessibility. This applies not only to new websites [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":3204,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/comments?post=3211"}],"version-history":[{"count":2,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions"}],"predecessor-version":[{"id":3213,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions\/3213"}],"up":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3204"}],"wp:attachment":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/media?parent=3211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}