{"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-10-22T11:05:50","modified_gmt":"2026-10-22T11:05:50","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 web presences and websites, but also to those that have already been running for some time. Both programming and design of the website, as well as the editorial content, must 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>programming<\/strong> are essential. Both usually need to be implemented at the start of a new website project. The software used to create websites generally supports digital accessibility as default.   <br\/><br\/>In addition, it is essential that the website is filled with content by the editors in a way that <strong>ensures its accessibility from an editorial perspective.<\/strong> <\/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 Detour: 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 barrier-free 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 working properly. <\/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 in an accessible format <\/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 dividing 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 especially 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 the zoom to an extreme 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 web [&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":10,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions"}],"predecessor-version":[{"id":5177,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions\/5177"}],"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}]}}