--- title: Verbesserter Tastatur Support in TYPO3 Version 11 url: "https://b13.com/de/wissen/tastaturnavigation-fuer-modul-menue-kontextmenue" description: "Die Arbeit an dem Tastatur Support in TYPO3 v11 kommt allen Backend-Nutzern zugute. Sie können Menüs und Bäume ausschließlich mit der Tastatur, einem Screenreader oder anderen unterstützenden Technologien navigieren. Lesen Sie, warum wir das Engagement für #Accessibility in #10 unserer Serie von 13 Things We Love About TYPO3 v11 lieben." image: "https://b13.com/fileadmin/_processed_/f/4/csm_keyboard-navigation_191-1_3d2c1ab454.png" date: 2022-06-28 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Verbesserter Tastatur Support in TYPO3 Version 11 [ TYPO3 v11 ](https://b13.com/de/wissen/typo3-v11) [ Open Source ](https://b13.com/de/wissen/open-source) [ TYPO3 ](https://b13.com/de/wissen/typo3) Tastaturnavigation für Modul Menü & Kontextmenü ===================================================== ![](https://b13.com/fileadmin/_processed_/8/5/csm_oli_e138b22557.jpg)Oliver Bartsch 28. Juni 2022 [ RSS Feed ](https://b13.com/de/rss.xml) ![Hände, die auf einer Tastatur tippen, mit einer Tasse Kaffee in der Nähe, vor einem dunklen Hintergrund mit abstrakten Pfeilen und Kreisen.](https://b13.com/fileadmin/_processed_/3/c/csm_keyboard-navigation_c690726608.webp) **Navigiere mit weniger Klicks durch deine TYPO3-Installation.** Dieser Blogpost ist Teil unserer TYPO3 Version 11 Serie. Wir stellen einige der wirklich nützlichen Funktionen der Version 11 vor und zeigen, warum ein Upgrade sinnvoll ist. - [Link Sharing in TYPO3 v11](https://b13.com/de/wissen/link-sharing-in-typo3-v11) - [Download von Medieninhalten direkt aus der TYPO3-Instanz](https://b13.com/de/wissen/assets-medien-direkt-downloaden-typo3) - [Neue CLI-Befehle und bessere Automatisierung für Continuous Integration](https://b13.com/de/wissen/neue-cli-befehle-und-bessere-automatisierung-fuer-continuous-integration) - [Skalieren und Ausblenden des Seitenbaums in TYPO3](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3)**[ ](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3)** - [Multi-Faktor-Authentifizierung](https://b13.com/de/wissen/multi-faktor-authentifizierung-in-typo3-11) - [Suchen & Filtern nach Ordnern und Assets](https://b13.com/de/wissen/suchen-filtern-nach-ordnern-und-assets) - [Begrenzung der zulässigen Versuche für Logins in TYPO3 v11](https://b13.com/de/wissen/begrenzung-fuer-login-versuche-in-typo3-v11) - [Show Columns Selector in Liste and Dateiliste](https://b13.com/de/wissen/show-columns-selector-in-liste-and-dateiliste) - [Multi Record Selection](https://b13.com/de/wissen/multi-record-selection) - **[Tastaturnavigation für Modul Menü & Kontextmenü ](https://b13.com/de/wissen/tastaturnavigation-fuer-modul-menue-kontextmenue)** - [Verbesserte Workspaces](https://b13.com/de/blog/verbesserte-workspaces) - [Eine konsistente UX macht die Auswahl von Elementen intuitiver](https://b13.com/de/wissen/eine-konsistente-ux-macht-die-auswahl-von-elementen-intuitiver) - [Neue TCA-Typen in TYPO3 Version 11](https://b13.com/de/wissen/neue-tca-arten-in-typo3-version-11) Barrierefreiheit war schon immer einer der wichtigsten Prioritäten von TYPO3. Entsprechend wurde vor einigen Jahren ein wichtiger und geschätzter Teil des TYPO3-Projekts, das TYPO3 [Accessibility Team](https://typo3.org/community/teams/accessibility) gegründet. Ihre Arbeit führte bereits zu erheblichen Verbesserungen im Backend, wie z. B. durch das Hinzufügen der Tastaturunterstützung für den SVG-basierten Seitenbaum in TYPO3 v10. Des Weiteren bringt TYPO3 Version 11 die Tastaturunterstützung für einige weitere Komponenten im Backend, wodurch es für immer mehr Benutzer zugänglich wird. Modul Menü ------------ Das Modul Menü ist das Hauptmenü eines jeden TYPO3-Backends. Es ist auch der Einstiegspunkt, da es die erste Komponente ist, die beim Navigieren mit der Tastatur den Fokus erhält. Das Modul Menü unterstützt jetzt die Tastaturnavigation, wie von den [ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/) vorgegeben. Das bedeutet, dass die richtigen HTML-Attribute verwendet werden, um die Elemente und die verschiedenen Ebenen im Menü zu beschreiben. Während es bereits generell möglich war, durch das Modul Menü zu navigieren, bringt Version 11 zusätzlich folgenden Funktionen, um dich in deinem täglichen Arbeitsablauf zu unterstützen: - Verwende die „Leertaste“ und „Eingabetaste“ zum auf- und zuklappen von Untermenüs. Durch gleichzeitiges Drücken der „Pfeil nach rechts“ Taste kann zudem der Fokus auf den ersten Punkt des Untermenüs gelegt werden. - Verwende die „Pfeil nach oben“ und „Pfeil nach unten“ Tasten, um innerhalb der aktuellen Ebene des Menüs zu navigieren. - Als Erweiterung zum ARIA-Pattern kann mit der „Strg“ bzw. „Command“ Taste und der „Home“ bzw. „Ende“ Taste durch die erste Ebene des Hauptmenüs navigiert werden. - Verwende die „Pfeil nach links“ und „Pfeil nach rechts“ Tasten innerhalb eines Untermenüs, um zum vorherigen oder nächsten Untermenü zu wechseln. - Verwenden die „Esc“ Taste, um zum übergeordneten Element eines Untermenü-Elements zu wechseln. ### Hilfe Menü Das Hilfe Menü in der oberen Leiste des Backends unterstützt jetzt auch die Tastaturnavigation, mit der gleichen Funktionalität wie das Modul Menü. ![Ein Dropdown-Menü, das Optionen wie Anzeigen, Bearbeiten, Neu, Informationen, Kopieren, Ausschneiden und mehr anzeigt, wobei der Assistent „Neu erstellen“ hervorgehoben ist.](https://b13.com/fileadmin/_processed_/c/e/csm_Active_context_sensitive_menu_b069862525.webp) Aktives kontextsensitives Menü Kontextmenü ------------- Das kontextsensitive Menü, das spezifische Aktionen für jeden Datensatz bereitstellt, wird angezeigt, wenn auf das entsprechende Symbol des Datensatzes geklickt wird. Diese Funktionalität ist im gesamten Backend zu finden. Um die Zugänglichkeit dieser häufig verwendeten Komponente zu verbessern, wurde in Version 11 unter Beachtung der ARIA Authoring Practices ebenfalls die Tastaturunterstützung hinzugefügt. Daher ist es nun möglich, diese Komponente ausschließlich mit einer Tastatur zu verwenden. Es bedeutet auch, dass Screenreader das Kontextmenü jetzt richtig erkennen können. Um das Kontextmenü eines Datensatzes mit der Tastatur zu öffnen, fokussiere auf den Datensatz (Symbol) und drücke „Umschalt+F10“. In dem geöffneten Menü kann mit den Pfeiltasten sowie den „Home“- und „Ende“ Tasten navigiert werden. Mit der „Leertaste“ wird eine Aktion aktiviert oder ein Menü der zweiten Ebene geöffnet. Datei- und Ordnerbäume ------------------------ In TYPO3 v11 wurden die Datei- und Ordnerbäume [aktualisiert](https://b13.com/core-insights/typo3-new-folder-tree-and-javascript-frameworks) und basieren nun ebenfalls auf der SVG-basierten Baumkomponente. Diese wurde in v9 eingeführt und vom Seitenbaum verwendet. Da die SVG-basierte Baumkomponente in v10 bereits mit der Tastaturunterstützung ausgestattet wurde, profitieren davon nun Ordner und Dateibäume, die entsprechend die gleiche Funktionalität bereitstellen. ### Alle Bäume bieten Tastaturunterstützung Mit TYPO3 v11 wurde ein großer Schritt nach vorne in Bezug auf zugängliche Bäume erreicht. Alle Bäume unterstützen nun, gemäß den ARIA Authoring Practices, vollumfänglich die Navigation per Tastatur. ![Seitenmenü, das verschiedene Bereiche anzeigt, darunter „Dashboard“, „Web“, „Seitenverwaltung“, „Datei“ und „Admin-Tools“. Der Abschnitt „Dateiliste“ zeigt eine Verzeichnisstruktur mit Ordnern wie „fileadmin“, „dokumentation“ und „benutzer_upload“.](https://b13.com/fileadmin/_processed_/7/3/csm_Keyboard_aware_folder_tree_filelist_006c7a7d8c.webp) Tastatur unterstützender Ordnerbaum in der Dateiliste Multi Record Selection und Zwischenablage ------------------------------------------- Wie im entsprechend [Artikel](https://b13.com/de/blog/multi-record-selection) über die neue Multi-Record-Selection-Komponente beschrieben, ist es jetzt — dank TYPO3 v11 - möglich, die Zwischenablage nur mit der Tastatur zu verwalten. Bei der Integration der Multi-Record-Selection-Komponente war Barrierefreiheit eine der Hauptprioritäten. Dies führte daher zu einer vollständigen Tastaturunterstützung sowie zu einigen Tastaturkürzeln, die du sicher nicht mehr vermissen möchtest. Verbessert den Arbeitsablauf aller ------------------------------------ Viele Menschen verwenden nur die Tastatur zum Navigieren — entweder aus Vorliebe oder aufgrund der Umstände. Die Möglichkeit, nur mit der Tastatur durch das Backend von TYPO3 zu navigieren, unterstützt daher jeden Backend-Benutzer und macht Arbeitsabläufe effizienter. Die Arbeit zur Verbesserung der Tastaturunterstützung fließt in Screenreader und andere unterstützende Technologien ein. Nutzt du bereits die neue Tastaturunterstützung? Wenn nicht, solltest du es unbedingt ausprobieren. Bei b13 haben wir die Barrierefreiheit immer im Blick. -------------------------------------------------------- Wenn Du an diesem Thema interessiert bist oder Bereiche gefunden hast, die verbessert werden sollten, kontaktieren uns. Wir freuen uns sehr, von Dir zu hören. [ Let’s connect ](https://b13.com/de/kontakt) ### Geschrieben von: ![Junger Mann mit kurzen, hellen Haaren und Ohrringen, der in einem modernen Büroumfeld lächelt und ein schwarzes Hemd trägt.](https://b13.com/fileadmin/_processed_/8/5/csm_oli_91751adb73.webp) Als TYPO3 Core Entwickler liebt Oli es, mit seinen Teamkollegen an neuen TYPO3 Features und Bugfixes zu arbeiten. Sein unverzichtbares Tool: PHPStorm. Oliver Bartsch Development [ mehr von Oliver Bartsch ](https://b13.com/de/team/oliver-bartsch) Ähnliche Artikel ------------------ - ![Eine lila Grafik mit einem Smartphone-Icon und drei horizontalen Balken, umgeben von Illustrationen von Vintage-Telefonen.](https://b13.com/fileadmin/_processed_/2/5/csm_EXTphonenumber_Headerbild_93d5de1696.webp) ### Saubere Telefonnummern in TYPO3: warum wir EXT:phone\_number gebaut haben 11. August 2026 | David Steeb TYPO3 speichert Telefonnummern korrekt, formatiert sie aber nicht fürs Frontend. EXT:phone\_number sorgt per Fluid ViewHelper für saubere Ausgabe. [ weiterlesen: Saubere Telefonnummern in TYPO3: warum wir EXT:phone\_number gebaut haben ](https://b13.com/de/wissen/saubere-telefonnummern-in-typo3) - ![Cartoon-Trophäenfigur umgeben von Händen, die Daumen hoch und ein Herzzeichen geben, vor einem Hintergrund mit Zahnradmuster.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy gibt TYPO3 ein freundliches Gesicht 06. August 2026 | Florian “Flix” Keitgen TYPO3 ist leistungsstark — muss sich aber nicht unpersönlich anfühlen. Das ist T3ppy, unser freundlicher Begleiter fürs Backend. [ weiterlesen: T3ppy gibt TYPO3 ein freundliches Gesicht ](https://b13.com/de/wissen/t3ppy-design-kit) - ![Hammer mit der Aufschrift 'KI' auf einem schaltkreis-musternden Hintergrund mit gelben Sternen, der Regulierung oder Gesetzgebung im Zusammenhang mit künstlicher Intelligenz in der EU symbolisiert.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### KI-Inhalte in TYPO3: Transparenz braucht Verantwortung 02. August 2026 | Benni Mack Der EU AI Act rückt die Herkunft KI-generierter Inhalte in den Fokus. AI Label kennzeichnet KI-generierte und KI-bearbeitete Inhalte in TYPO3 und dokumentiert, wer den… [ weiterlesen: KI-Inhalte in TYPO3: Transparenz braucht Verantwortung ](https://b13.com/de/wissen/ai-content-in-typo3-labelling-needs-accountability) - ![Hände, die Puzzlestücke halten, sind um ein teilweise fertiges Puzzle angeordnet, das eine Computeroberfläche darstellt.](https://b13.com/fileadmin/_processed_/d/7/csm_StopBuyingPlatforms_Headerbild_8a41a82f8a.webp) ### Fang an, Ökosysteme zu bauen statt nur Plattformen zu kaufen. 09. Juni 2026 | David Steeb Der erste TYPO3 Summit North America eröffnete mit einer Keynote, die neu formuliert, wie Enterprise-Teams über Content-Management nachdenken sollten — von Plattformen zu… [ weiterlesen: Fang an, Ökosysteme zu bauen statt nur Plattformen zu kaufen. ](https://b13.com/de/wissen/stop-buying-platforms-start-building-ecosystems) - ![Bunte Fischillustrationen umgeben ein zentrales Logo, das "TYPO3 Summit" liest.](https://b13.com/fileadmin/_processed_/4/3/csm_NorthAmericaSummit_Headerbild_5fbbbbb529.webp) ### Notizen aus Atlanta — Was der erste TYPO3 Summit North America über das nächste Jahrzehnt Enterprise-CMS verrät 22. Mai 2026 | David Steeb Bericht vom ersten TYPO3 Summit North America in Atlanta. Über Governance, die man nicht einfach so aufkaufen kann, vorhersehbare 7-Jahres-Lebenszyklen, die Distributionsschicht… [ weiterlesen: Notizen aus Atlanta — Was der erste TYPO3 Summit North America über das nächste Jahrzehnt Enterprise-CMS verrät ](https://b13.com/de/wissen/notizen-atlanta-erstes-typo3-summit-north-america-enterprise-cms) - ![Eine Reihe stilisierter Figuren in verschiedenen Posen, jede mit einem markanten orangefarbenen Hut, zeigt einen Übergang vom Gehen zum Stillstehen, während sie auf ein Handy schauen, vor einem lila Gitterhintergrund.](https://b13.com/fileadmin/_processed_/d/7/csm_QueuesDDEV_Headerbild_f640931350.webp) ### Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein 10. April 2024 | Jochen Roth Wenn integrierte Nachrichtentransporte an ihre Grenzen stoßen, kann RabbitMQ TYPO3 mit einer skalierbaren, robusten Message Queue versorgen. [ weiterlesen: Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein ](https://b13.com/de/wissen/bessere-skalierbarkeit-mit-entkoppelten-queues-so-richtest-du-rabbitmq-mit-typo3-ein) - ![Eine Rakete mit der Bezeichnung "V14" startet in den Himmel, umgeben von einer Gruppe von Menschen, die mit erhobenen Armen feiern.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp) ### Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann 21. April 2026 | Florian “Flix” Keitgen TYPO3 v14 verbessert Workflows für Redakteure, Marketing-Teams und Entwickler — und zeigt, wie Community-getriebene Open Source echte Wirkung entfaltet. [ weiterlesen: Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann ](https://b13.com/de/wissen/happy-release-day-typo3-v14-warum-dieser-release-zeigt-wie-stark-open-source-sein-kann) - ![Eine Cartoonfigur, die einem Schild ähnelt, gibt ein Daumen hoch vor einer Computeroberfläche mit verschiedenen Menüoptionen.](https://b13.com/fileadmin/_processed_/e/6/csm_Header_cda1f80173.webp) ### Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3 01. April 2026 | Florian “Flix” Keitgen Entdecke T3ppy und AiM — Deine KI-Assistenz im TYPO3 Backend für bessere Inhalte, klare Strukturen und volle Kontrolle über Redaktions-Prozesse. [ weiterlesen: Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3 ](https://b13.com/de/wissen/gestatten-t3ppy-ein-neues-zeitalter-fuer-die-redaktionsarbeit-in-typo3) - ![Vier Aktenordner, die ein Balkendiagramm mit orangefarbenen Balken zeigen, vor einem hellblauen Hintergrund mit abstrakten Dokumentumrissen.](https://b13.com/fileadmin/_processed_/7/2/csm_PageInfoTabs_Headerbild_1e3eda44e5.webp) ### Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben 31. März 2026 | David Steeb Wenn mehrere TYPO3-Extensions Inhalte im Page Module Header stapeln, wird es schnell unübersichtlich. EXT:page\_info\_tabs strukturiert alles automatisch in übersichtliche Tabs —… [ weiterlesen: Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben ](https://b13.com/de/wissen/den-seitenmodul-header-zaehmen-warum-wir-extpage-info-tabs-entwickelt-haben) - ![Retro-Mikrofon-Illustration mit einem Einkaufswagen-Symbol im Hintergrund, das E-Commerce oder Online-Shopping symbolisiert.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp) ### Warum TYPO3 einen Marketplace für Produkte braucht 25. März 2026 | Florian “Flix” Keitgen Ein Marketplace würde TYPO3-Produkte sichtbarer machen, den Vergleich erleichtern und Agenturen sowie Kunden gleichermaßen profitieren lassen. [ weiterlesen: Warum TYPO3 einen Marketplace für Produkte braucht ](https://b13.com/de/wissen/warum-typo3-einen-marketplace-fuer-produkte-braucht)