--- title: Improved keyboard support in TYPO3 version 11 url: "https://b13.com/knowledge/keyboard-navigation-for-module-menu-context-menu" description: "The keyboard support work done in TYPO3 v11 flows through to benefit all backend users. You can navigate menus and trees using solely the keyboard, a screen reader or other assistive technologies. Check out why we love the dedication to #accessibility in #10 in our series of 13 Things We Love About TYPO3 v11." 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 --- # Improved keyboard support in TYPO3 version 11 [ TYPO3 v11 ](https://b13.com/knowledge/typo3-v11) [ Open Source ](https://b13.com/knowledge/open-source) [ TYPO3 ](https://b13.com/knowledge/typo3) Keyboard Navigation for Module Menu & Context Menu ======================================================== ![](https://b13.com/fileadmin/_processed_/8/5/csm_oli_e138b22557.jpg)Oliver Bartsch 28 June 2022 [ RSS Feed ](https://b13.com/rss.xml) ![Hands typing on a keyboard with a cup of coffee nearby, set against a dark background featuring abstract arrows and circles.](https://b13.com/fileadmin/_processed_/3/c/csm_keyboard-navigation_c690726608.webp) **Navigate your TYPO3 installation with fewer clicks.** This post is part of our TYPO3 Version 11 Series. We’re shining a spotlight on some of the really useful features in version 11 and why you should upgrade. - [Link Sharing in TYPO3 v11](https://b13.com/knowledge/link-sharing-in-typo3-v11) - [Direct Downloads of Assets and Media](https://b13.com/knowledge/direct-downloads-assets-and-media) - [New CLI commands and better automation for Continuous Integration](https://b13.com/knowledge/new-cli-commands-better-automation-for-continuous-integration) - [Resizable Navigation Area in TYPO3](https://b13.com/knowledge/resizable-navigation-area-in-typo3) - [Multi-factor authentication ](https://b13.com/knowledge/multi-factor-authentication-in-typo3-11) - [Search & Filter for Folders and Assets](https://b13.com/knowledge/search-filter-for-folders-and-assets) - [Limit allowed attempts for logins in TYPO3 v11 ](https://b13.com/knowledge/limit-allowed-attempts-for-logins-in-typo3-v11) - [Show Columns Selector in List View and File List View](https://b13.com/knowledge/show-columns-selector-in-list-view-and-file-list-view) - [Multi Record Selection](https://b13.com/knowledge/multi-record-selection) - **[Keyboard Navigation for Module Menu & Context Menu](https://b13.com/knowledge/keyboard-navigation-for-module-menu-context-menu)** - [Workspaces Improvements](https://b13.com/blog/workspaces-improvements) - [Consistent UX makes selecting items more intuitive](https://b13.com/knowledge/consistent-ux-makes-selecting-items-more-intuitive) - [New TCA types in TYPO3 version 11](https://b13.com/knowledge/new-tca-types-in-typo3-version-11) Accessibility has always been one of TYPO3’s key priorities. The TYPO3 [Accessibility Team](https://typo3.org/community/teams/accessibility) was founded some years ago and is an important and valued part of the TYPO3 project. Their work has introduced significant improvements to the backend, such as adding keyboard support to the SVG-based page tree in TYPO3 v10. Continuing in this vein, TYPO3 version 11 brings proper keyboard support to several more components in the backend—making it more accessible to more users. Module Menu ------------- The module menu is the main menu of every TYPO3 backend. It’s also the entry point, since it’s the first component that receives focus when navigating with the keyboard. The module menu now supports keyboard navigation as suggested by the [ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/). This means that the correct HTML attributes are used to describe the items and the different levels in the menu. While tabbing through the module menu was already possible, version 11 now brings the following features to support you in your daily workflow: - Use the “Space” and “Enter” keys to collapse and expand submenus. This can be extended by simultaneously pressing the “right arrow” key to move the focus to the first item of the submenu. - Use the “Up” and “Down” arrow keys to navigate within the current level of the menu. - As an extension to the ARIA pattern, use the “Ctrl” key with the “Home” or “End” keys to navigate through the first level of the main menu. - Use the “Left” and “Right” arrow keys within a submodule to move to the previous or next submodule. - Use the “Esc” key to move to the parent item of a submodule item. ### Help Menu The Help menu in the topbar of the backend now supports keyboard navigation as well, with the same features as the module menu. ![A dropdown menu displaying options such as Show, Edit, New, Info, Copy, Cut, and more, with the "Create New" wizard highlighted.](https://b13.com/fileadmin/_processed_/c/e/csm_Active_context_sensitive_menu_b069862525.webp) Active context-sensitive menu Context Menu -------------- The context-sensitive menu, which provides specific actions for each record, is displayed when clicking on the record’s icon. This functionality can be found across the whole backend. To improve the accessibility of this frequently-used component, following the ARIA Authoring Practices, keyboard support was added in version 11. Therefore it is now possible to use this component solely with a keyboard. It also means that screen readers can now recognize the context menu properly. To open the context menu on a record with the keyboard, focus on the record (icon) and press “Shift+F10”. In the opened menu, you can use the arrow keys, as well as the “Home” and “End” keys to navigate. Using the “Space” key will activate an action or open a second level menu. File and Folder trees ----------------------- In TYPO3 v11, the folder and file trees got [updated](https://b13.com/core-insights/typo3-new-folder-tree-and-javascript-frameworks) and now also rely on the SVG-based tree component (which was introduced in v9 and used by the page tree). Since the SVG-based tree component was equipped with proper keyboard support in v10, the folder and file trees now also benefit from it and provide the same functionality. ### All trees provide keyboard support With TYPO3 v11 a huge step forward in terms of accessible trees has been achieved. All trees now fully support keyboard navigation, following the ARIA Authoring Practices. ![Sidebar menu displaying various sections including "Dashboard," "Web," "Site Management," "File," and "Admin Tools." The "Filelist" section shows a directory structure with folders such as "fileadmin," "documentation," and "user_upload."](https://b13.com/fileadmin/_processed_/7/3/csm_Keyboard_aware_folder_tree_filelist_006c7a7d8c.webp) Keyboard aware folder tree in filelist Multi record selection and clipboard -------------------------------------- As described in the dedicated post about the new [multi record selection](https://b13.com/blog/multi-record-selection) component it is now possible—thanks to TYPO3 v11 - to manage the clipboard just with the keyboard. When integrating the multi record selection component, accessibility was one of the main priorities. This therefore led to full keyboard support as well as a couple of keyboard shortcuts that you don’t want to miss. Improve everyone’s workflow ----------------------------- Many people use only the keyboard to navigate—either through preference or circumstance. The possibility of using just the keyboard to navigate through the backend of TYPO3 supports any backend user, making their workflows more efficient. The work done to improve keyboard support flows through to screen readers and other assistive technologies. Do you already use the new keyboard support? If not, you should definitely try it out. At b13 we always keep an eye on accessibility. ------------------------------------------------ If you’re interested in this topic or found areas that should be improved, get in touch with us. We are more than happy to hear from you. [ Let’s connect ](https://b13.com/lets-connect) ### Written by: ![Bild von Oliver Bartsch](https://b13.com/fileadmin/_processed_/8/5/csm_oli_91751adb73.webp) Oli is a TYPO3 Core developer who loves to collaborate with teammates on new TYPO3 features and bug fixes. His essential tool: PHPStorm. Oliver Bartsch Development [ more from Oliver Bartsch ](https://b13.com/team/oliver-bartsch) Related Articles ------------------ - ![A purple graphic featuring a smartphone icon with three horizontal bars, surrounded by illustrations of vintage telephones.](https://b13.com/fileadmin/_processed_/2/5/csm_EXTphonenumber_Headerbild_93d5de1696.webp) ### Clean Phone Numbers in TYPO3: Why We Built EXT:phone\_number 11 August 2026 | David Steeb TYPO3 stores phone numbers as tel: links, but doesn’t format them for output. Meet EXT:phone\_number, a Fluid ViewHelper for clean, consistent numbers. [ Read more: Clean Phone Numbers in TYPO3: Why We Built EXT:phone\_number ](https://b13.com/knowledge/clean-phone-numbers-in-typo3) - ![Cartoon trophy character surrounded by hands giving thumbs up and a heart gesture, set against a gear-patterned background.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy Gives TYPO3 a Friendly Face 06 August 2026 | Florian “Flix” Keitgen TYPO3 is powerful—but it doesn’t have to feel impersonal. Meet T3ppy, our friendly companion for the backend. [ Read more: T3ppy Gives TYPO3 a Friendly Face ](https://b13.com/knowledge/t3ppy-design-kit) - ![Gavel labeled "AI" on a circuit-patterned background with yellow stars, symbolizing regulation or legislation related to artificial intelligence in the EU.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### AI Content in TYPO3: Labelling Needs Accountability 02 August 2026 | Benni Mack The EU AI Act brings the origins of AI-generated content into focus. AI Label marks AI-generated and AI-edited content in TYPO3 and records who signed off the published version—for… [ Read more: AI Content in TYPO3: Labelling Needs Accountability ](https://b13.com/knowledge/ai-content-in-typo3-labelling-needs-accountability) - ![Hands holding puzzle pieces are positioned around a partially completed puzzle depicting a computer interface.](https://b13.com/fileadmin/_processed_/d/7/csm_StopBuyingPlatforms_Headerbild_8a41a82f8a.webp) ### Stop Buying Platforms. Start Building Ecosystems. 09 June 2026 | David Steeb The first TYPO3 Summit North America opened with a keynote that reframes how enterprise teams should think about content management—from platforms to ecosystems, from vendor… [ Read more: Stop Buying Platforms. Start Building Ecosystems. ](https://b13.com/knowledge/stop-buying-platforms-start-building-ecosystems) - ![Colorful fish illustrations surround a central logo that reads "TYPO3 Summit.](https://b13.com/fileadmin/_processed_/4/3/csm_NorthAmericaSummit_Headerbild_5fbbbbb529.webp) ### Notes from Atlanta—What the First TYPO3 Summit North America Says About the Next Decade of Enterprise CMS 22 May 2026 | David Steeb Field report from the first TYPO3 Summit North America in Atlanta. On governance that can’t be acquired, predictable seven-year lifecycles, the FAIR distribution layer, and why the… [ Read more: Notes from Atlanta—What the First TYPO3 Summit North America Says About the Next Decade of Enterprise CMS ](https://b13.com/knowledge/atlanta-typo3-summit-north-america-enterprise-cms) - ![A series of stylized figures in various poses, each with a distinctive orange hat, depict a progression from walking to standing still while looking at a phone, set against a purple grid background.](https://b13.com/fileadmin/_processed_/d/7/csm_QueuesDDEV_Headerbild_f640931350.webp) ### Better scalability with decoupled queues: How to set up RabbitMQ with TYPO3 10 April 2024 | Jochen Roth When built-in message transports hit their limits, RabbitMQ can provide TYPO3 with a scalable, robust message queue. [ Read more: Better scalability with decoupled queues: How to set up RabbitMQ with TYPO3 ](https://b13.com/knowledge/better-scalability-with-decoupled-queues-how-to-set-up-rabbitmq-with-typo3) - ![A rocket labeled "V14" launches into the sky, surrounded by a group of people celebrating with raised arms.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp) ### Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source 21 April 2026 | Florian “Flix” Keitgen TYPO3 v14 improves workflows for editors, marketing teams, and developers—and shows how community-driven open source creates real impact. [ Read more: Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source ](https://b13.com/knowledge/happy-release-day-typo3-v14-why-this-release-shows-the-true-strength-of-open-source) - ![A cartoon character resembling a shield gives a thumbs up in front of a computer interface with various menu options.](https://b13.com/fileadmin/_processed_/e/6/csm_Header_cda1f80173.webp) ### Meet T3ppy: A New Era for Editorial Work in TYPO3 01 April 2026 | Florian “Flix” Keitgen T3ppy and the AiM extension bring AI directly into the TYPO3 backend—enhancing SEO, content quality, and workflows with centralized control. [ Read more: Meet T3ppy: A New Era for Editorial Work in TYPO3 ](https://b13.com/knowledge/meet-t3ppy-a-new-era-for-editorial-work-in-typo3) - ![Four file folders displaying a bar graph with orange bars, set against a light blue background with abstract document outlines.](https://b13.com/fileadmin/_processed_/7/2/csm_PageInfoTabs_Headerbild_1e3eda44e5.webp) ### Taming the Page Module Header—Why We Built EXT:page\_info\_tabs 31 March 2026 | David Steeb When multiple TYPO3 extensions add content to the page module header, things quickly become messy. EXT:page\_info\_tabs structures everything into clean Bootstrap tabs, with zero… [ Read more: Taming the Page Module Header—Why We Built EXT:page\_info\_tabs ](https://b13.com/knowledge/taming-the-page-module-header-why-we-built-extpage-info-tabs) - ![Retro microphone illustration with a shopping cart icon in the background, symbolizing e-commerce or online shopping.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp) ### Why TYPO3 Needs a Marketplace for Products 25 March 2026 | Florian “Flix” Keitgen A marketplace would make TYPO3 products more discoverable, easier to compare, and benefit both agencies and clients alike. [ Read more: Why TYPO3 Needs a Marketplace for Products ](https://b13.com/knowledge/why-typo3-needs-a-marketplace-for-products)