Digitale Barrierefreiheit

<!DOCTYPE html> <html dir="ltr" lang="de" class="no-js"> <head> <meta charset="utf-8">  <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> <title>Digitale Barrierefreiheit - TYPO3@TUM</title> <meta name="generator" content="TYPO3 CMS" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:title" content="Digitale Barrierefreiheit" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Digitale Barrierefreiheit" /> <link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/merged-f9af21939c85635aa14873d921c703d7-f2b843aa424aa41619586e7345053ca2.css?1703057463" media="all"> <link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/merged-72e6d3ccdbab068bc24bf737288c8ca4-730244fb1b4fd784cd25428a96978dc0.css?1686649064" media="(min-width: 601px)"> <link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/merged-88566b4827967fd8e88ddeae5c14f74e-afdf7f67be8c9aa181e84512db44f4fc.css?1686649064" media="print">  <link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/merged-dca855e26cee2cacee5f499b1282ec72-3a8da6c4b7f48410b8149272423468ec.css?1686649064" media="all"> <script> /*<![CDATA[*/ /*TS_inlineJS*/ var TUM = {ws:'tum.1', hp:'/t3/startseite/', pid:49, lid:0, search:{box: 1, path:'/t3/suche/'}, video:[], loadOnce:{}}; var htmlTag = document.querySelector('html'); htmlTag.classList.remove('no-js'); htmlTag.classList.add('js'); /*]]>*/ </script> <script data-ignore="1" data-cookieconsent="statistics" type="text/plain"></script> <link rel="canonical" href="https://web.typo3.tum.de/t3/digitale-barrierefreiheit/"/> </head> <body class="level-top has-search no-footer no-printextras t3v10 ws_tum wsrev_1" data-pid="49"> <header> <div class="fubar"> <div class="belt"> <a id="skipnav" tabindex="1" href="#content" title="Zum Inhalt springen" aria-label="Zum Inhalt springen"> Zum Inhalt springen </a> <div class="global-search"> <button class="global-search-button global-search-toggle js-search-toggle" type="button"> <span>Google Suche</span> <svg width="18px" height="18px" viewBox="-2 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <path transform="translate(-1015.000000, -9.000000)" stroke-width="1" stroke="currentColor" d="M1015,16 C1015,19.866 1018.134,23.001 1022,23.001 C1023.753,23.001 1025.351,22.352 1026.579,21.287 L1032,26.707 L1032.707,26.001 L1027.286,20.58 C1028.351,19.352 1029,17.753 1029,16 C1029,12.134 1025.866,9 1022,9 C1018.134,9 1015,12.134 1015,16 L1015,16 Z M1016,16 C1016,12.692 1018.692,10 1022,10 C1025.308,10 1028,12.692 1028,16 C1028,19.309 1025.308,22 1022,22 C1018.692,22 1016,19.309 1016,16 L1016,16 Z" ></path> </svg> </button> <span class="global-search-search"> <span id="cse-stub"></span> </span> </div> <div class="language"> </div> <nav class="dropdown quicklinks"><ul><li><span>quicklinks</span><ul><li><a href="/t3/anleitung/">Anleitung TYPO3</a></li><li><a href="/t3/anleitung/typo3-grundlagen/registrierung-und-login-ins-backend/">Login / Account</a></li><li><a href="/t3/service/umfang/">Funktionen / Extensions</a></li><li><a href="/t3/anleitung/arbeiten-mit-seiteninhalten/audio-video/">Audio / Video</a></li><li><a href="/t3/digitale-barrierefreiheit/">Dig. Barrierefreiheit</a></li><li><a href="/t3/service/nutzungsbedingungen/">Nutzungsbedingungen</a></li><li><a href="/t3/faqs/">FAQ</a></li></ul></li></ul></nav> <a id="menutoggle" href="#sitenav" title="Navigation öffnen" aria-label="Navigation öffnen"> Menü </a> <template id="global-search-popup"> <div class="global-search-effect js-search-close"></div> <div class="box global-search-overlay js-gsc-dialog" tabindex="-1"> <h2 class="large">Google Custom Search</h2> <p> Wir verwenden Google für unsere Suche. Mit Klick auf „Suche aktivieren“ aktivieren Sie das Suchfeld und akzeptieren die Nutzungsbedingungen. </p> <p> <a href="/t3/datenschutz/#GoogleCustomSearch" title="Datenschutz" tabindex="-1"> Hinweise zum Einsatz der Google Suche </a> </p> <button class="global-search-button global-search-accept js-search-activate js-search-close" type="button" tabindex="-1">Suche aktivieren</button> <button class="global-search-button global-search-close js-search-close" type="button" aria-label="close" tabindex="-1"></button> </div> </template> </div> </div> <div class="org"> <div class="belt"> <div class="tum"> <a href="https://www.tum.de/" title="Startseite www.tum.de"> <img src="/typo3/ext/tumtheme/Resources/Public/Icons/Org/tum-logo.png" alt="Technische Universität München"/> </a> </div> <div class="nav clearfix"> <ul> <li class="l_this"> <a href="/t3/startseite/" title="Startseite Zentrale Informationstechnik (TYPO3-Team)"> Zentrale Informationstechnik (TYPO3-Team) </a> </li> <li class="l_parent"> <a href="https://www.it.tum.de/it-servicezentrum/" title="Startseite IT-Servicezentrum (ITSZ)"> IT-Servicezentrum (ITSZ) </a> </li> <li class="l_top"> <a href="https://www.tum.de/" title="Startseite Technische Universität München"> Technische Universität München </a> </li> </ul> </div> </div> </div> </header> <div id="page-body" class="cols-both"> <div class="belt"> <div id="sitenav"> <nav class="sitemenu"> <ul><li><a href="/t3/startseite/">Startseite</a></li><li class="sub"><a href="/t3/webauftritte/">Webauftritte</a></li><li class="sub"><a href="/t3/service/umfang/" data-pid="8">Service</a></li><li class="sub"><a href="/t3/anleitung/">Anleitung</a></li><li class="current hassub"><span>Digitale Barrierefreiheit</span><ul><li><a href="/t3/digitale-barrierefreiheit/barrierefreie-inhalte-mit-t3/">Barrierefreie Inhalte mit TYPO3</a></li><li><a href="/t3/digitale-barrierefreiheit/schnelleinstieg-fuer-redakteure/">Schnelleinstieg für Redakteure</a></li></ul></li><li><a href="/t3/faqs/">FAQs</a></li><li><a href="/t3/anfahrt/">Anfahrt</a></li><li><a href="/t3/sitemap/">Sitemap</a></li></ul> </nav> </div> <div class="org"> <div class="belt"> <div class="tum"> <a href="https://www.tum.de/" title="Startseite www.tum.de"> <img src="/typo3/ext/tumtheme/Resources/Public/Icons/Org/tum-logo.png" width="73" height="38" alt="Technische Universität München"> </a> </div> <div aria-label="Haupt" class="nav clearfix"> <ul> <li class="l_this"> <a href="/t3/startseite/" title="Startseite Zentrale Informationstechnik (TYPO3-Team)"> Zentrale Informationstechnik (TYPO3-Team) </a> </li> <li class="l_parent"> <a href="https://www.it.tum.de/it-servicezentrum/" title="Startseite IT-Servicezentrum (ITSZ)"> IT-Servicezentrum (ITSZ) </a> </li> <li class="l_top"> <a href="https://www.tum.de/" title="Startseite Technische Universität München"> Technische Universität München </a> </li> </ul> </div> </div> </div> <div id="normal"> <div id="content" class="content"> <nav aria-label="Breadcrumbs" class="breadcrumbs"> <ol class="inline"> <li><a href="/t3/startseite/">Startseite</a></li><li class="cur">Digitale Barrierefreiheit</li> </ol> </nav> <div id="c312" class="frame frame-type-textmedia frame-layout-0"> <h1 class="hx"> Barrierefreiheit für die Webseite </h1> <p>»Die Macht des Webs liegt in seiner Universalität. Der Zugang für alle Menschen unabhängig von einer Behinderung ist ein wesentlicher Aspekt.«</p> <p class="small">Tim Berners-Lee, W3C-Direktor und Erfinder des World Wide Web</p> </div> <div id="c313" class="frame frame-type-textmedia frame-layout-0"> <div class="ce-textpic ce-left ce-intext" > <div class="ce-gallery " data-ce-columns="1" data-ce-images="1" > <figure class="image"> <img class="image-embed-item" alt="Barrierefreiheit im Web" src="/fileadmin/_processed_/e/3/csm_grafik_digitale_barrierefreiheit_7e4137310a.png" width="250" height="209" loading="lazy" /> <figcaption class="image-caption">Barrierefreiheit im Web</figcaption> </figure> </div> <div class="ce-bodytext"> <p>Eines der grundlegenden Prinzipien der digitalen Barrierefreiheit ist es, Websites, Software und digitale Medien so zu gestalten, dass sie sich flexibel an die verschiedenen Bedürfnisse der Nutzerinnen und Nutzer, ihre Vorlieben oder persönliche Situationen anpassen.</p> <p>Jeder profitiert von einer hohen Nutzerfreundlichkeit und einer guten "User Experience", aber für viele Menschen ist digitale Barrierefreiheit eine zwingende Anforderung, sonst können sie nicht am Alltagsleben teilhaben.</p> <p>Mit der EU-Richtlinie 2016/2102 werden weitere Schritte in Richtung von mehr Barrierefreiheit in digitalen Medien vollzogen.<strong> Seit dem 23. September 2018 müssen alle öffentlichen Stellen ihre digitalen Angebote schrittweise barrierefrei, das heißt für alle Menschen – unabhängig von ihren körperlichen und geistigen Fähigkeiten – zugänglich machen.</strong> <strong>Dies betrifft insbesondere auch Hochschulen.</strong></p> </div> </div> </div> <div id="c314" class="frame cols-1 box frame-type-textmedia frame-layout-0 frame-space-before-extra-small"> <h2 class="hx"> Leitfaden digitale Barrierefreiheit </h2> <p>In dieser Anleitung erhalten Sie Informationen, wie Sie Ihre Inhalte barrierefrei gestalten. Ein sehr ausführlicher <a href="https://github.com/rz-by/leitfaden-barrierefreiheit#leitfaden-zur-digitalen-barrierefreiheit" title="Link zum Leitfaden digitale Barrierefreiheit" target="_blank" rel="noreferrer">Leitfaden für digitale Barrierefreiheit</a> unterstützt Sie bei der Umsetzung der Barrierefreiheit in der IT (Webangebote und Dokumente).</p> </div> <div id="c315" class="frame frame-type-textmedia frame-layout-0 frame-space-before-small"> <h2 class="hx lines"> <a href="/t3/digitale-barrierefreiheit/barrierefreie-inhalte-mit-t3/">Barrierefreie Inhalte mit TYPO3</a> </h2> <p>Barrierefreie Webseiten sind längst nicht mehr nur ein Trendthema, sondern „state of the Art“.</p> </div> <div id="c316" class="frame frame-type-textmedia frame-layout-0 frame-space-before-small"> <h2 class="hx lines"> <a href="/t3/digitale-barrierefreiheit/schnelleinstieg-fuer-redakteure/">Digitale Barrierefreiheit - ein Schnelleinstieg für Redakteure</a> </h2> <p>Gestalten Sie ihre Webseite für alle Nutzer wahrnehmbar, bedienbar, verständlich und robust.</p> </div> </div> <div class="link-to-top js-link-to-top"> <a href="#content" title="nach oben springen"> To top </a> </div> </div> <div id="sidebar" class="sidebar"> <div id="pusher">-</div> <aside class="contact"> <div id="c245" class="frame frame-type-textmedia frame-layout-0"> <div class="ce-textpic ce-center ce-above" > <div class="ce-gallery ce-gallery-full" data-ce-columns="1" data-ce-images="1" > <div class="ce-outer"> <div class="ce-inner"> <figure class="image"> <a href="/t3/digitale-barrierefreiheit/leichte-sprache/" class="no-hint"> <img class="image-embed-item" alt="Logo und Link zum Leichte Sprache" src="/fileadmin/w00byo/t3/service/Leichte_sprache__180x32_01.svg" width="180" height="30" loading="lazy" /> </a> </figure> </div> </div> </div> </div> </div> <div id="c2" class="frame frame-type-textmedia frame-layout-0"> <h2 class="hx lines"> TUM TYPO3 (ZIT) </h2> <div class="ce-textpic ce-center ce-below" > <div class="ce-bodytext"> <p><strong>Technische Universität<br> München</strong></p> <p>Richard-Wagner-Str. 18<br> 80333 München<br>  </p> </div> <div class="ce-gallery " data-ce-columns="1" data-ce-images="1" > <div class="ce-outer"> <div class="ce-inner"> <figure class="image"> <a href="mailto:typo3@tum.de" title="Email Typo3 Team: typo3@tum.de" class="no-hint"> <img class="image-embed-item" alt="Email TYPO3 Team: typo3@tum.de" src="/fileadmin/w00byo/t3/service/unterstuetzung__180x32.svg" width="180" height="30" loading="lazy" /> </a> </figure> </div> </div> </div> </div> </div> <div id="c1068" class="frame frame-type-textmedia frame-layout-0"> <h2 class="hx"> Mitgliedschaften </h2> <div class="ce-textpic ce-center ce-above" > <div class="ce-gallery ce-gallery-full" data-ce-columns="1" data-ce-images="1" > <div class="ce-outer"> <div class="ce-inner"> <figure class="image"> <a href="https://typo3.org/project/association/members/gold-academic" target="_blank" rel="noreferrer"> <img class="image-embed-item" alt="TYPO3 Academic Gold Member" src="/fileadmin/w00byo/t3/logos-funktionen/Badge-Academic-Gold-Member.svg" width="220" height="88" loading="lazy" /> </a> </figure> </div> </div> </div> </div> </div> </aside> <aside class="side"> <div id="c1184" class="frame info ibox frame-type-textmedia frame-layout-0"> <div> <h2 class="hx"> Informationstag "Digitale Barrierefreiheit" an der TUM </h2> <p><a href="https://www.moodle.tum.de/course/view.php?id=48131" target="_blank" class="locked-url" rel="noreferrer noopener">Die Präsentationsfolien, Scripte und Aufzeichnungen finden Sie in Moodle</a></p> </div> </div> </aside> </div> </div> </div> <footer> <div class="sitefooter"> <div class="belt"> <ul class="siteinfo"><li><a href="/t3/datenschutz/">Datenschutz</a></li><li><a href="/t3/impressum/">Impressum</a></li><li><a href="/t3/erklaerung-barrierefreiheit/">Barrierefreiheit</a></li></ul> <img src="https://tum.de/hsts/default" height="1" width="1" /> </div> </div> </footer> <script src="/typo3temp/assets/compressed/jquery-3.5.1.min-bb115acd5dd4752a1f56824e6d1e0bb4.js?1686649064"></script> <script src="/typo3temp/assets/compressed/bootstrap.custom.min-1cdd1262ad9999e1b7311ac99876924f.js?1686649064"></script> <script src="/typo3temp/assets/compressed/fancybox.custom.min-4afa4e5b97e14457e00ed23d04d86049.js?1686649064"></script> <script src="/typo3temp/assets/compressed/IframeSwitch-878fc8186081f7f988d5f704c38639bb.js?1686649064"></script> <script src="/typo3temp/assets/compressed/qrious.min-7bebe41d229326a2d771dc8390c650c7.js?1686649064"></script> <script src="/typo3temp/assets/compressed/dp_cookieconsent-b6e1b7c57961fd39757b18328a4e67d4.js?1686649064"></script> <script src="/typo3temp/assets/compressed/decode-c600a50391bf8e8d9dcc1f93c5f6c6be.js?1686649064"></script> <script src="/typo3temp/assets/compressed/mediatum-tabs-package.min-f9cfb90d243e3ca0feabc833e1de7056.js?1686649064"></script> <script src="/typo3temp/assets/compressed/consent-e286c27ba2396fea7ecb36e82425b264.js?1686649064"></script> <script src="/typo3temp/assets/compressed/tum-4b8591108bd42a1ae95a36ec4a1000a5.js?1686649064"></script>   <script type="text/plain" data-ignore="1" data-dp-cookieDesc="layout"> Diese Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen. <a aria-label="Weitere Informationen zu unseren verwendeten Cookies" tabindex="1" class="cc-link" href="/t3/datenschutz/#AktiveKomponenten" rel="noopener noreferrer nofollow" target="_blank" > Weitere Informationen </a> </script> <script type="text/plain" data-ignore="1" data-dp-cookieSelect="layout"> <div class="dp--cookie-check" xmlns:f="http://www.w3.org/1999/html"> <label for="dp--cookie-require"> <input type="hidden" name="" value="" /><input disabled="disabled" class="dp--check-box" id="dp--cookie-require" tabindex="-1" type="checkbox" name="" value="" checked="checked" /> Notwendig </label> <label for="dp--cookie-statistics"> <input class="dp--check-box" id="dp--cookie-statistics" tabindex="1" type="checkbox" name="" value="" /> Statistiken </label> </div> </script> <script type="text/plain" data-ignore="1" data-dp-cookieRevoke="layout"> <div class="cc-revoke dp--revoke {{classes}}"> <i class="dp--icon-fingerprint"></i> <span class="dp--hover">Cookies</span> </div> </script> <script type="text/plain" data-ignore="1" data-dp-cookieIframe="layout"> <div class="dp--overlay-inner"> <div class="dp--overlay-header">{{notice}}</div> <div class="dp--overlay-description">{{desc}}</div> <div class="dp--overlay-button"> <button class="db--overlay-submit" onclick="window.DPCookieConsent.forceAccept(this)" data-cookieconsent="{{type}}" {{style}}> {{btn}} </button> </div> </div> </script> <script type="text/javascript" data-ignore="1"> window.cookieconsent_options = { overlay: { notice: true, box: { background: 'rgba(48,112,179,.75)', text: '#fff' }, btn: { background: '#b81839', text: '#fff' } }, content: { message:'Diese Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen.', dismiss:'dismiss <span></span>Cookies', allow:'notwendige <span></span>Cookies', deny: 'notwendige <span></span>Cookies', link:'Weitere Informationen', href:'/t3/datenschutz/', target:'_blank', 'allow-all': 'alle Cookies<span></span>', media: { notice: 'Cookie-Hinweis', desc: 'Durch das Laden dieser Ressource wird eine Verbindung zu externen Servern hergestellt, die Cookies und andere Tracking-Technologien verwenden, um die Benutzererfahrung zu personalisieren und zu verbessern. Weitere Informationen finden Sie in unserer Datenschutzerklärung.', btn: 'Erlaube Cookies und lade diese Ressource', }, }, theme: 'basic', position: 'bottom-right', type: 'opt-in', revokable: true, reloadOnRevoke: false, checkboxes: {"statistics":"false","marketing":"false"}, palette: { popup: { background: 'rgba(48,112,179,1)', text: '#fff' }, button: { background: '#fff', text: '#4d4d4d', } } }; </script>  </body> </html>

CINXE.COM

Digitale Barrierefreiheit - TYPO3@TUM