If you are not sure if the website you would like to visit is secure, you can verify it here. Enter the website address of the page and see parts of its content and the thumbnail images on this site. None (if any) dangerous scripts on the referenced page will be executed. Additionally, if the selected site contains subpages, you can verify it (review) in batches containing 5 pages.
favicon.ico: web.archive.org/web/20221101012819/https://github.com/WordPress/gutenberg/pull/45157 - Better regions and shortcut by.

site address: web.archive.org/web/20221101012819/https://github.com/WordPress/gutenberg/pull/45157

site title: Better regions and shortcut by ellatrix · Pull Request #45157 · WordPress/gutenberg · GitHub

Our opinion (on Tuesday 22 September 2026 6:40:21 UTC):

GREEN status (no comments) - no comments
After content analysis of this website we propose the following hashtags:


page from cache: 5 hours ago
Meta tags:
description=What? [Please note that the code is still a WIP, but it works for testing.] As we are looking at changing tab behaviour in the editor (for list and code blocks), we need to strengthen other types of navigation. There s two existing mechanisms: Block navigation mode: press Escape. Regions: press (Shift+)Ctrl+` or Ctrl+Alt+N/P, both of which I find hard to remember. Proposal: additional regions with easier to remember shortcuts. The additional regions would be: The block toolbar Navigation mode Potentially before/after inserter for the selected block In addition to that, offer easier to remember shortcuts: Escape already enters Navigation mode, but does nothing further. Let it be used to enter the next region. Shift+Escape should reverse cycle through the regions, so from the selected block, it enters the block toolbar, from there the interface header, and so on. The (Shift+)Escape combination is a good indicator that it can be used to cycle through the regions, just like (Shift+)Tab can be used to cycle through tabbable elements. But Ella, won t Escape clash with existing behaviour? When a block is selected and focussed, we already use it for Navigation mode, which is now baked in the regions. In other places, it can be used for closing popovers and modals, but that s fine. First the popover or modal must be closed before you can continue cycling through the regions. It makes perfect sense to me. The main regions can be seen as the roundabout on which (Shift+)Escape can be used to navigate. (Shift+)Tab (default) or Arrow keys (navigation mode, toolbars) can be used to navigate more granularly. Why? We need a solid method to navigate the editor because (Shift+)Tab may no longer work when a block is focussed. A single unified way that is easy to remember will benefit all users greatly. How? Testing Instructions Select a block. Test Escape and Shift+Escape shortcuts. Screenshots or screencast;

Headings (most frequently used words):

commented, oct, 2022, ellatrix, 20, alexstine, 24, 25, better, regions, and, shortcut, 45157, footer, you, edited, 21, 26, conversation, what, why, how, testing, instructions, screenshots, or, screencast, are, sure, want, to, change, the, base, github, actions, bot, left, comment, navigation,

Text of the page (most frequently used words):
build (356), block (303), css (290), library (266), blocks (258), the (198), rtl (145), style (141), editor (132), this (84), and (71), min (66), for (60), index (60), escape (55), not (53), that (52), mode (51), you (41), #navigation (41), with (39), all (34), can (32), screen (32), 2022 (31), link (31), post (31), something (30), focus (29), oct (29), ctrl (28), theme (28), ellatrix (26), use (26), key (26), edit (25), tab (24), but (24), code (23), because (23), list (23), toolbar (23), shift (23), sorry (22), wrong (22), went (21), reactions (21), copy (21), regions (21), comments (20), does (20), are (20), alt (20), commented (20), reader (20), browse (20), have (19), windows (19), from (18), will (18), github (17), press (17), what (16), just (16), used (16), one (15), alexstine (15), should (15), how (15), author (15), view (15), another (14), content (14), work (14), would (14), using (14), why (14), switch (14), when (13), navigate (13), way (13), more (13), shortcuts (13), site (13), other (12), f10 (12), keys (12), title (12), shortcut (12), member (12), back (12), pagination (12), change (11), keyboard (11), open (11), image (11), etc (11), through (11), which (11), readers (11), about (10), cannot (10), applied (10), pull (10), accessibility (10), comment (10), think (10), find (10), browser (10), region (10), could (10), text (10), template (10), query (10), out (9), changes (9), issues (9), review (9), already (9), sign (9), now (9), there (9), contributor (9), default (9), going (9), dom (9), mac (9), nvda (9), jaws (9), widgets (9), has (8), close (8), don (8), before (8), users (8), they (8), any (8), gutenberg (8), move (8), cmd (8), applications (8), some (8), modes (8), application (8), better (8), form (8), 126 (8), columns (8), suggestions (7), while (7), request (7), only (7), a11y (7), forward (7), was (7), after (7), cycle (7), toolbars (7), still (7), get (7), much (7), works (7), based (7), 100 (7), sure (7), remember (7), currently (7), jump (7), button (7), file (7), suggestion (6), need (6), example (6), media (6), longer (6), alternatives (6), let (6), always (6), sense (6), hard (6), trying (6), role (6), modal (6), reusable (6), video (6), table (6), social (6), separator (6), search (6), pullquote (6), latest (6), group (6), gallery (6), embed (6), avatar (6), audio (6), contact (5), closed (5), were (5), may (5), well (5), improve (5), start (5), here (5), allow (5), try (5), maybe (5), people (5), same (5), common (5), things (5), too (5), usage (5), easy (5), makes (5), our (5), easier (5), everyone (5), also (5), then (5), next (5), question (5), switching (5), aria (5), sent (5), quote (5), links (5), virtual (5), commits (5), size (5), react (5), elements (5), base (5), refresh (4), your (4), security (4), terms (4), merge (4), been (4), must (4), existing (4), merging (4), writing (4), flow (4), account (4), insert (4), preformatted (4), know (4), right (4), where (4), thing (4), first (4), either (4), keep (4), position (4), inside (4), field (4), formatting (4), pressing (4), believe (4), different (4), https (4), function (4), see (4), modals (4), menus (4), okay (4), around (4), depending (4), really (4), working (4), make (4), doesn (4), thanks (4), discussions (4), clash (4), behavior (4), web (4), characters (4), two (4), those (4), old (4), event (4), good (4), input (4), html (4), classic (4), 174 (4), part (4), spacer (4), 116 (4), logo (4), rss (4), 121 (4), numbers (4), featured (4), excerpt (4), paragraph (4), page (4), posts (4), 108 (4), cover (4), categories (4), buttons (4), archives (4), actions (4), 45157 (4), time (3), multi (3), line (3), batch (3), single (3), projects (3), markup (3), labels (3), marcozehe (3), conversation (3), free (3), indent (3), mentioned (3), looking (3), lists (3), character (3), whether (3), positioned (3), agreed (3), multiple (3), most (3), appears (3), above (3), tricky (3), like (3), com (3), means (3), backwards (3), both (3), modifiers (3), native (3), tabs (3), options (3), pressed (3), exactly (3), modifier (3), without (3), adding (3), than (3), even (3), though (3), requested (3), might (3), many (3), types (3), project (3), look (3), certain (3), force (3), agree (3), dialog (3), want (3), situation (3), navigational (3), community (3), developers (3), fine (3), problems (3), solution (3), introduce (3), case (3), arrow (3), cursor (3), into (3), related (3), tree (3), reason (3), however (3), vendors (3), shortcode (3), nux (3), 571 (3), format (3), date (3), data (3), customize (3), components (3), 235 (3), 406 (3), 213 (3), 282 (3), 122 (3), 175 (3), directory (3), selected (3), unicode (3), trunk (3), branch (3), refname (3), wordpress (3), repository (3), signed (2), window (2), session (2), reload (2), action (2), blog (2), api (2), pricing (2), docs (2), privacy (2), footer (2), outdated (2), order (2), add (2), commit (2), per (2), none (2), yet (2), these (2), milestone (2), needs (2), feedback (2), selection (2), splitting (2), deletion (2), feature (2), impact (2), corresponding (2), least (2), kevin940726 (2), adamziel (2), tellthemachines (2), noisysocks (2), talldan (2), draganescu (2), ajitbohra (2), giving (2), test (2), yes (2), dynamic (2), such (2), tabbable (2), future (2), hence (2), put (2), wondering (2), closest (2), cycles (2), leave (2), inline (2), fix (2), give (2), hands (2), edge (2), closer (2), itself (2), correct (2), specifically (2), word (2), lot (2), editors (2), until (2), mean (2), voiceover (2), ways (2), apple (2), moving (2), seems (2), due (2), suggested (2), super (2), wrapped (2), little (2), closing (2), very (2), helps (2), cause (2), greatly (2), once (2), space (2), guess (2), left (2), forwards (2), macos (2), navigating (2), combination (2), act (2), emoji (2), quickly (2), mind (2), consistency (2), slightly (2), addition (2), having (2), problem (2), hope (2), continue (2), positioning (2), removed (2), likely (2), equal (2), fact (2), new (2), email (2), others (2), main (2), slack (2), idea (2), desktop (2), client (2), teams (2), mention (2), translate (2), plainly (2), proper (2), sites (2), comes (2), entering (2), probably (2), user (2), picture (2), apps (2), suggest (2), getting (2), 29526 (2), following (2), yeah (2), considered (2), added (2), great (2), systems (2), essentially (2), point (2), important (2), trust (2), worried (2), optimise (2), provide (2), saying (2), hurt (2), removing (2), differently (2), control (2), down (2), current (2), found (2), sometimes (2), ever (2), popovers (2), contains (2), grid (2), placed (2), bug (2), org (2), articles (2), further (2), called (2), system (2), please (2), nasty (2), 256 (2), i18n (2), preferences (2), 835 (2), 507 (2), serialization (2), parser (2), 478 (2), reset (2), 162 (2), verse (2), 166 (2), 101 (2), 253 (2), tag (2), cloud (2), 190 (2), 494 (2), 322 (2), 184 (2), tagline (2), 203 (2), 490 (2), 464 (2), 194 (2), 234 (2), 146 (2), 114 (2), 165 (2), 202 (2), 132 (2), read (2), 439 (2), 167 (2), 135 (2), 103 (2), 153 (2), 315 (2), 493 (2), 363 (2), 395 (2), nextpage (2), submenu (2), 115 (2), 431 (2), 284 (2), 880 (2), heading (2), 394 (2), freeform (2), 300 (2), 410 (2), 293 (2), 125 (2), 124 (2), 239 (2), calendar (2), 332 (2), 337 (2), 482 (2), 161 (2), 150 (2), 378 (2), styles (2), filename (2), 532 (2), edited (2), testing (2), focussed (2), behaviour (2), enters (2), nothing (2), additional (2), show (2), hidden (2), bidirectional (2), wants (2), load (2), tags (2), branches (2), issue (2), insights (2), requests (2), source (2), plan (2), manage (2), packages (2), capture (2), nov (2), perform, training, status, inc, queued, pending, reviews, marked, resolved, create, valid, applying, deleted, lines, supported, viewing, subset, invalid, made, participants, successfully, development, assigned, assignees, approving, required, reviewers, join, 45404, envision, improving, within, accessing, upload, include, specific, roving, tabindex, pattern, fair, figure, dynamically, chooses, tests, polish, alternative, separate, less, direction, backward, possible, c12e439, unreasonable, kind, clunky, constantly, adjusting, app, annoying, proof, away, approach, sigh, support, ht204436, feel, kept, displaying, harder, delete, backspace, generally, unless, fault, anyone, struggling, task, ones, conflicts, sidebar, own, conditions, goes, creative, crowded, browsers, option, similar, natively, solely, previous, course, neither, long, globe, dual, purpose, viewer, symbols, three, worse, often, forget, number, end, few, focussing, context, stuck, onwards, fits, care, consider, matter, accessed, matters, opinion, visual, appear, apologies, confused, includes, alias, stop, enhancements, usetabnav, 41645, pushing, blind, rarely, receive, education, sighted, painful, watched, myself, graduated, who, barely, check, their, incredibly, simple, odds, against, known, disagree, place, run, educational, program, basics, stuff, marco, able, tagging, help, explain, finer, points, provides, best, bar, whole, call, variation, alone, wrote, uses, knowledge, coming, stated, trickier, follow, perfectly, caps, lock, followed, hopefully, explains, bit, happened, unpredictable, gets, predictable, decide, editing, puts, typing, dialogs, knowing, confusing, effect, quite, respected, trouble, directly, responsible, echoing, reaction, skorasaurus, reacted, heart, tie, necessary, towards, maintain, slippery, slope, designing, devs, making, ensuring, experience, did, wake, day, say, come, level, independence, online, document, real, quick, said, between, letters, headings, fields, operate, almost, answers, actually, anyway, far, takes, menu, had, weird, shouldn, understand, hundreds, google, slides, answer, unable, inserted, receives, 43729, automatically, rely, switched, supposed, causes, becomes, useless, treegrid, expect, understanding, careful, roles, hijacking, every, pretty, hand, clue, occurring, dequeuniversity, screenreaders, webaim, reading, rather, unique, normally, remains, difference, intercept, enables, prevent, modification, over, sending, normal, events, distinct, talked, sends, allows, relies, bare, logic, behind, non, existent, elaborate, thoughts, usable, remove, together, step, supporting, especially, since, accessible, job, showing, parent, child, 45135, tried, refactor, handled, received, agreement, push, 44883, prs, exploring, global, reviewed, mamaduka, compressed, wordcount, 268, warning, viewport, inert, polyfill, url, 644, token, engine, server, side, render, rich, redux, routine, runtime, entry, 696, priority, queue, 933, primitives, persistence, plugins, 728, 732, 963, notices, utils, keycodes, 527, shallow, 448, entities, hooks, 868, experiments, 537, element, 547, 546, 324, ready, deprecated, 653, controls, core, compose, spec, 722, 719, 694, 691, 251, 609, 611, 673, 674, 409, 288, 289, 204, 226, 223, 278, 211, 221, 325, 326, 584, 586, 176, 281, 279, 443, 295, 296, 703, 705, 505, 263, 266, 462, 463, 212, 630, 627, 329, 327, 950, 948, 346, 254, 613, 612, 636, 637, 839, 840, 231, 209, 222, 123, 991, 990, 475, blob, autop, fetch, annotations, 982, unchanged, 109, 111, 192, 198, 199, 867, 169, total, bot, owners, label, 392e595, screenshots, screencast, select, instructions, solid, method, unified, benefit, seen, roundabout, granularly, places, popover, cycling, perfect, baked, ella, won, indicator, reverse, interface, header, enter, offer, potentially, inserter, proposal, mechanisms, changing, strengthen, note, wip, interpreted, compiled, below, reveals, learn, files, changed, checks, 343, timeline, become, choose, bottom, clicking, occasionally, send, emails, statement, service, password, address, pick, username, its, maintainers, 831, star, fork, notifications, public, message, organization, results, collections, trending, topics, repositories, readme, fund, sponsors, resources, customer, stories, studies, devsecops, devops, automation, compare, enterprise, solutions, skills, documentation, features, explore, collaborate, outside, track, write, copilot, instant, dev, environments, codespaces, vulnerabilities, host, automate, workflow, product, toggle, skip, wayback, machine, http, archive, 20221101012819, timestamps, fail, success, 2023, 2021, dec,


Text of the page (random words):
to have some level of independence online if we document escape key as a working solution we ll find out real quick what types of problems those introduce for screen reader users for other alternatives i ll quote what you said regions press shift ctrl or ctrl alt n p both of which i find hard to remember it is the edge of a slippery slope you find those hard to remember but because escape would not work well on windows they are okay for the screen reader users another thing to think about is how this might tie in with the list view i just do not find the block navigation 100 necessary any longer and it would be great to working towards something everyone can use without having to maintain two systems that do essentially the same thing list view and navigation mode thanks ️ 1 skorasaurus reacted with heart emoji all reactions ️ 1 reaction sorry something went wrong alexstine added accessibility a11y changes that impact accessibility and need corresponding review e g markup changes needs accessibility feedback a11y keyboard focus labels oct 21 2022 copy link member author ellatrix commented oct 21 2022 yeah i believe it is considered to be a navigational key and that is why it works this is where i m not following so escape does work in browse mode in windows so then it is fine all reactions sorry something went wrong copy link contributor alexstine commented oct 21 2022 ellatrix this is where i m not following so escape does work in browse mode in windows so then it is fine not exactly escape is a multi function key in windows depending on the screen reader jaws for example has the most trouble with this because it is directly responsible for switching modes this is one of the developers of jaws echoing the same 29526 comment the ctrl f6 and ctrl shift f6 shortcuts are used in many browser based applications and f6 shift f6 is used in many windows mac apps for navigation i suggest this shortcut because it does not have any effect on screen reader mode switching and it is getting to be quite a well respected navigational shortcut in the screen reader community let me put it this way if there was another key other than the escape key that could close menus and dialogs we d probably use it not knowing as a screen reader user if escape will switch modes or close the modal you are currently in is a confusing situation picture this example start jaws on windows open a dialog with a form inside of it if you are typing in to the form this is in edit focus mode of the screen reader that way keyboard characters get sent to the form field if i decide i do not want to be in the dialog any longer i press escape because i am currently editing a form field this puts my screen reader in to browse mode because that is what escape does another escape key press will close the dialog escape is a multi function key and behavior is unpredictable just know that in windows screen readers it will always switch modes but the order in which something gets closed or a mode switch is not predictable if everyone could agree on a better keyboard shortcut to always close modals menus etc i think it would have happened already hopefully this explains a bit more all reactions sorry something went wrong copy link member author ellatrix commented oct 24 2022 how do you go back to entering edit focus mode after pressing escape and going to browse mode all reactions sorry something went wrong copy link member author ellatrix commented oct 24 2022 another question you mention that ctrl f6 is used for browser based applications why are we currently using alt f6 if we were to use ctrl f6 would this translate to cmd f6 on mac and why can t we plainly use f6 does that clash with browser shortcuts all reactions sorry something went wrong copy link contributor alexstine commented oct 24 2022 ellatrix how do you go back to entering edit focus mode after pressing escape and going to browse mode nvda nvda modifier space nvda modifier by default is caps lock and insert the mode can also switch if it comes in contact with proper aria role but this behavior is tricky and not always followed jaws to my knowledge there is not a way to force jaws back in to focus mode without coming in contact with the stated proper aria role it is a slightly trickier screen reader with dynamic sites or sites that do not follow a11y perfectly you can always switch to browse mode in jaws with escape but not back to focus mode another question you mention that ctrl f6 is used for browser based applications why are we currently using alt f6 if we were to use ctrl f6 would this translate to cmd f6 on mac and why can t we plainly use f6 does that clash with browser shortcuts so f6 does clash with browser behavior i am not sure if it does or not on mac but best guess would be yes by default f6 will move the focus around the toolbar tabs bar main content etc where are we currently using alt f6 i think slack used ctrl f6 but i think the whole idea is just to call some variation of f6 a navigation shortcut in slack desktop client f6 alone is used because it is a native application they wrote i think teams uses ctrl f6 on the web and the desktop client for consistency i see no problem with using alt f6 if that is easier tagging marcozehe to help explain some finer points if time provides why certain keys can cause mode switch in nvda jaws and others do not using escape as a region navigation key i know the basics of how this stuff works marco might be able to give us a look at why it works this way your next question might likely be if switching from modes is so easy why am i pushing back so hard on it because blind people rarely receive equal education to sighted people in the us it is a painful fact but i watched it myself i graduated with many who barely new how to check their email so when i start these types of discussions i do so to try to make things incredibly simple with odds that are against us others on the project have been known to disagree but i do not think it is our place to run an educational program for screen reader users at least not for just using gutenberg if that makes sense all for giving back but that to me is the wrong way to go about it thanks all reactions sorry something went wrong alexstine requested a review from marcozehe oct 24 2022 alexstine mentioned this pull request oct 24 2022 writing flow a11y enhancements for usetabnav 41645 open copy link member author ellatrix commented oct 25 2022 alexstine apologies i confused it with alt f10 we re currently using alt f10 to focus the block toolbar if we re adding ctrl f6 and shift ctrl f6 to navigate regions which now includes the block toolbar this could be removed or we make alt f10 another alias for navigating regions so it doesn t stop working another question is whether the block toolbar should be positioned before or after the block in the dom this matters because positioning it after means using ctrl f6 and positioning it before means using shift ctrl f6 some people are of the opinion though that the dom position should be close to the visual position and the block toolbar does appear just above the block i don t care much either way it is something to keep in mind though if we d consider merging list view and navigation mode the position of list view would matter in how it s accessed all reactions sorry something went wrong copy link member author ellatrix commented oct 25 2022 while i don t mind adding ctrl f6 for consistency with other applications i don t really find it easier to use than the other shortcuts we have maybe it s even slightly worse now i have to press 3 keys to move forwards and 4 keys to move backwards because i also have to press fn in addition i often forget which f number exactly i have to press so i end up trying a few i ve been having this problem with alt f10 for focussing the block toolbar my hope was to have something easy to remember that also makes sense in this context when you re stuck in the editor with tab not working you can press escape to navigate out of it and continue onwards to different regions this also fits with the existing escape shortcut for going to navigation mode here s three alternatives we can try something similar to what macos does natively for the fn key but then for cmd or ctrl when you solely press cmd navigate to the next region shift cmd for navigating to the previous region not when cmd is pressed in combination with another key of course and neither when cmd was pressed for too long this is exactly what macos does for the fn globe key it s dual purpose to act as a modifier to the f keys and the open the character viewer emoji and symbols when pressed quickly without any modifiers use modifiers with escape this could be shift ctrl or alt not sure which one would makes sense for moving forwards or backwards use modifiers with tab this is already a crowded space and we d have to change it depending on os for mac the only free one is alt tab cmd tab is used to cycle through open native applications and ctrl tab in browsers is used to cycle through browser tabs for windows alt tab cycles through native applications ctrl tab also through browser tabs so i guess the only option left on windows is ctrl alt tab not sure what other options there are here i m just trying to be creative so that it s easier for everyone to navigate regions all reactions sorry something went wrong copy link contributor alexstine commented oct 25 2022 ellatrix the alt f10 is a tricky one because this is a common shortcut to find toolbars as well specifically formatting toolbars for example pressing f10 in word will focus the formatting toolbar and i believe alt f10 works in a lot of browser based editors maybe we just don t change that for now until we re 100 sure how things should work with region navigation the toolbar in the dom should be much closer to the block itself right now it appears above the title field in the dom and it is something we should correct the list view is a sidebar so i think it is okay if we let focus move users around based on our own conditions my pr will greatly improve this flow once it goes in i do not fault anyone on struggling with shortcuts it is a very hard task if it helps here are the ones we cannot use as they cause conflicts on windows escape unless we re closing modals menus etc tab let s keep this a navigation key going forward shift this generally means to move backwards so makes little sense that it could do both delete backspace gutenberg already has too much wrapped up in this key i do see what you mean about the keyboard usage on mac to press f6 or shift f6 is harder due to the function key the things suggested on windows would not be super easy either think about this one ctrl shift escape that is still 2 hands of work for most people how would you feel about ctrl f6 and ctrl shift f6 if you kept the function keys displaying on mac https support apple com en us ht204436 i mean this would not be unreasonable mac is kind of clunky this way and i am always constantly adjusting voiceover to work different ways per app it is annoying but this is proof apple is moving away from an accessibility first approach seems like windows is too sigh all reactions sorry something went wrong use ctrl f6 c12e439 copy link member author ellatrix commented oct 26 2022 the alt f10 is a tricky one because this is a common shortcut to find toolbars as well specifically formatting toolbars for example pressing f10 in word will focus the formatting toolbar and i believe alt f10 works in a lot of browser based editors maybe we just don t change that for now until we re 100 sure how things should work with region navigation agreed we leave it as is one thing we can improve here is allow alt f10 to cycle through toolbars if there are multiple e g inline toolbar block toolbar link ui etc the toolbar in the dom should be much closer to the block itself right now it appears above the title field in the dom and it is something we should correct that is not possible the closest position the toolbar can get is at the edge of the content we can t insert the toolbar inside the content because it is not content but ui this is the same as any other editor what i was wondering is whether the block toolbar should be positioned before or after the content tab let s keep this a navigation key going forward when the editor has focus this will no longer work in the future because we will change tab to indent in lists and insert a tab character in code preformatted code editor etc hence this pr to improve alternatives to navigate escape out of the editor content that is still 2 hands of work for most people it s still one key less in either direction by default 2 keys forward 3 keys backward what do you think of the first alternative i mentioned i will give this a try in a separate pr maybe for now let s more forward with this i will fix the tests and polish the code all reactions sorry something went wrong copy link contributor alexstine commented oct 26 2022 ellatrix agreed we leave it as is one thing we can improve here is allow alt f10 to cycle through toolbars if there are multiple e g inline toolbar block toolbar link ui etc we just need to figure out how to dynamically change the labels so that way users know what toolbar does what right now it chooses the closest one so if it cycles through users need to know where they are what i was wondering is whether the block toolbar should be positioned before or after the content that is fair put it at the start before the content when the editor has focus this will no longer work in the future because we will change tab to indent in lists and insert a tab character in code preformatted code editor etc hence this pr to improve alternatives to navigate escape out of the editor content yes but don t you envision this improving the navigation within dynamic blocks such as the image block as well for example accessing the upload media library other tabbable content etc i think for blocks that do not include a specific use for the tab key such as the list or code blocks it should have a roving tabindex pattern looking forward to giving this a test all reactions sorry something went wrong ellatrix mentioned this pull request oct 31 2022 list v2 writing xp indent with tab 45404 open sign up for free to join this conversation on github already have an account sign in to comment reviewers alexstine ajitbohra draganescu talldan noisysocks tellthemachines adamziel kevin940726 marcozehe at least 1 approving review is required to merge this pull request assignees no one assigned labels a11y keyboard focus accessibility a11y changes that impact accessibility and need corresponding review e g markup changes feature writing flow block selection navigation splitting merging deletion needs accessibility feedback projects none yet milestone no milestone development successfully merging this pull request may close these issues none yet 2 participan...
Images from subpage: "web.archive.org/web/20221101012819/https://github.com/WordPr... " Verify
Images from subpage: "web.archive.org/web/20221101012819/https://github.com/WordPr... " Verify
Images from subpage: "web.archive.org/web/20221101012819/https://docs.github.com/t... " Verify
Images from subpage: "web.archive.org/web/20221101012819/https://docs.github.com/p... " Verify
Images from subpage: "web.archive.org/web/20221101012819/https://github.com/login?... " Verify

Verified site has: 88 subpage(s). Do you want to verify them? Verify pages:

1-5 6-10 11-15 16-20 21-25 26-30 31-35 36-40 41-45 46-50
51-55 56-60 61-65 66-70 71-75 76-80 81-85 86-88


The site also has references to the 2 subdomain(s)

  archive.org  Verify   help.archive.org  Verify


Top 50 hastags from of all verified websites.

Supplementary Information (add-on for SEO geeks)*- See more on header.verify-www.com

Header

HTTP/1.1 200 OK
Server nginx
Date Tue, 22 Sep 2026 01:19:55 GMT
Content-Type text/html; charset=utf-8
Transfer-Encoding chunked
Connection close
x-archive-orig-server GitHub.com
x-archive-orig-date Tue, 01 Nov 2022 01:28:20 GMT
x-archive-orig-cache-control no-cache
x-archive-orig-content-security-policy default-src none ; base-uri self ; block-all-mixed-content; child-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/; connect-src self uploads.github.com objects-origin.githubusercontent.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com cdn.optimizely.com logx.optimizely.com/v1/events *.actions.githubusercontent.com wss://*.actions.githubusercontent.com online.visualstudio.com/api/v1/locations github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com; font-src github.githubassets.com; form-action self github.com gist.github.com objects-origin.githubusercontent.com; frame-ancestors none ; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src self data: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com objects-origin.githubusercontent.com secured-user-images.githubusercontent.com/ opengraph.githubassets.com github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com *.githubusercontent.com; manifest-src self ; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/; script-src github.githubassets.com; style-src unsafe-inline github.githubassets.com; worker-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/
x-archive-orig-referrer-policy no-referrer-when-downgrade
x-archive-orig-server-timing pull_request_layout-fragment;desc= pull_request_layout fragment ;dur=416.306612,conversation_content-fragment;desc= conversation_content fragment ;dur=677.336967,conversation_sidebar-fragment;desc= conversation_sidebar fragment ;dur=306.193434,nginx;desc= NGINX ;dur=1.201481,glb;desc= GLB ;dur=7.910376
x-archive-orig-strict-transport-security max-age=31536000; includeSubdomains; preload
x-archive-orig-vary X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, Accept-Encoding, Accept, X-Requested-With
x-archive-orig-x-content-type-options nosniff
x-archive-orig-x-frame-options deny
x-archive-orig-x-pjax-url htt????/github.com/WordPress/gutenberg/pull/45157
x-archive-orig-x-voltron-version cc85742
x-archive-orig-x-xss-protection 0
x-archive-orig-accept-ranges bytes
x-archive-orig-x-github-request-id ACD0:1612:1A8F485:278154F:63607633
x-archive-orig-connection close
x-archive-guessed-content-type text/html
x-archive-guessed-charset utf-8
x-archive-orig-content-encoding gzip
memento-datetime Tue, 01 Nov 2022 01:28:19 GMT
link <htt????/github.com/WordPress/gutenberg/pull/45157>; rel= original , <htt???/web.archive.org/web/timemap/link/htt????/github.com/WordPress/gutenberg/pull/45157>; rel= timemap ; type= application/link-format , <htt???/web.archive.org/web/htt????/github.com/WordPress/gutenberg/pull/45157>; rel= timegate , <htt???/web.archive.org/web/20221101012819/htt????/github.com/WordPress/gutenberg/pull/45157>; rel= first memento ; datetime= Tue, 01 Nov 2022 01:28:19 GMT , <htt???/web.archive.org/web/20221101012819/htt????/github.com/WordPress/gutenberg/pull/45157>; rel= memento ; datetime= Tue, 01 Nov 2022 01:28:19 GMT , <htt???/web.archive.org/web/20221101012819/htt????/github.com/WordPress/gutenberg/pull/45157>; rel= last memento ; datetime= Tue, 01 Nov 2022 01:28:19 GMT
content-security-policy default-src self unsafe-eval unsafe-inline data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org
x-archive-src WPO-20221101005831-crawl107/WPO-20221101005831-21083.warc.gz
server-timing captures_list;dur=0.607314, exclusion.robots;dur=0.062855, exclusion.robots.policy;dur=0.050538, esindex;dur=0.009414, cdx.remote;dur=7.959021, LoadShardBlock;dur=91.611824, PetaboxLoader3.datanode;dur=38.574276, PetaboxLoader3.resolve;dur=261.851225, load_resource;dur=315.480654, nav;dur=0.135124
x-app-server wwwb-app266-dc8
x-ts 200
x-tr 616
server-timing TR;dur=0,Tw;dur=0,Tc;dur=1
set-cookie wb-p-SERVER=wwwb-app266; path=/
X-location All
X-AS 16276
X-RL 0
X-NA 0
X-Page-Cache MISS
Server-Timing MISS
X-NID OVH SAS
Referrer-Policy no-referrer-when-downgrade
Permissions-Policy interest-cohort=()
X-sd 0
Content-Encoding gzip

Meta Tags

title="Better regions and shortcut by ellatrix · Pull Request #45157 · WordPress/gutenberg · GitHub"
charset="utf-8"
name="optimizely-datafile" content='{"groups": [], "environmentKey": "production", "rollouts": [], "typedAudiences": [], "projectId": "16737760170", "variables": [], "featureFlags": [], "experiments": [], "version": "4", "audiences": [{"conditions": "[\"or\", {\"match\": \"exact\", \"name\": \"$opt_dummy_attribute\", \"type\": \"custom_attribute\", \"value\": \"$opt_dummy_value\"}]", "id": "$opt_dummy_audience", "name": "Optimizely-Generated Audience for Backwards Compatibility"}], "anonymizeIP": true, "sdkKey": "WTc6awnGuYDdG98CYRban", "attributes": [{"id": "16822470375", "key": "user_id"}, {"id": "17143601254", "key": "spammy"}, {"id": "18175660309", "key": "organization_plan"}, {"id": "18813001570", "key": "is_logged_in"}, {"id": "19073851829", "key": "geo"}, {"id": "20175462351", "key": "requestedCurrency"}, {"id": "20785470195", "key": "country_code"}, {"id": "21656311196", "key": "opened_downgrade_dialog"}], "botFiltering": false, "accountId": "16737760170", "events": [{"experimentIds": [], "id": "17911811441", "key": "hydro_click.dashboard.teacher_toolbox_cta"}, {"experimentIds": [], "id": "18124116703", "key": "submit.organizations.complete_sign_up"}, {"experimentIds": [], "id": "18145892387", "key": "no_metric.tracked_outside_of_optimizely"}, {"experimentIds": [], "id": "18178755568", "key": "click.org_onboarding_checklist.add_repo"}, {"experimentIds": [], "id": "18180553241", "key": "submit.repository_imports.create"}, {"experimentIds": [], "id": "18186103728", "key": "click.help.learn_more_about_repository_creation"}, {"experimentIds": [], "id": "18188530140", "key": "test_event"}, {"experimentIds": [], "id": "18191963644", "key": "click.empty_org_repo_cta.transfer_repository"}, {"experimentIds": [], "id": "18195612788", "key": "click.empty_org_repo_cta.import_repository"}, {"experimentIds": [], "id": "18210945499", "key": "click.org_onboarding_checklist.invite_members"}, {"experimentIds": [], "id": "18211063248", "key": "click.empty_org_repo_cta.create_repository"}, {"experimentIds": [], "id": "18215721889", "key": "click.org_onboarding_checklist.update_profile"}, {"experimentIds": [], "id": "18224360785", "key": "click.org_onboarding_checklist.dismiss"}, {"experimentIds": [], "id": "18234832286", "key": "submit.organization_activation.complete"}, {"experimentIds": [], "id": "18252392383", "key": "submit.org_repository.create"}, {"experimentIds": [], "id": "18257551537", "key": "submit.org_member_invitation.create"}, {"experimentIds": [], "id": "18259522260", "key": "submit.organization_profile.update"}, {"experimentIds": [], "id": "18564603625", "key": "view.classroom_select_organization"}, {"experimentIds": [], "id": "18568612016", "key": "click.classroom_sign_in_click"}, {"experimentIds": [], "id": "18572592540", "key": "view.classroom_name"}, {"experimentIds": [], "id": "18574203855", "key": "click.classroom_create_organization"}, {"experimentIds": [], "id": "18582053415", "key": "click.classroom_select_organization"}, {"experime...
name="request-id" content="ACD0:1612:1A8F485:278154F:63607633" data-pjax-transient="true"
name="html-safe-nonce" content="e271436ac93593514cee06efee014afb13e12800461d84b2c2fa2cb660809d4f" data-pjax-transient="true"
name="visitor-payload" content="eyJyZWZlcnJlciI6Imh0dHBzOi8vbWFrZS53b3JkcHJlc3Mub3JnL2FjY2Vzc2liaWxpdHkvMjAyMi8xMC8yMi9hY2Nlc3NpYmlsaXR5LXRlYW0tbWVldGluZy1ub3Rlcy1vY3RvYmVyLTE5LTIwMjIvIiwicmVxdWVzdF9pZCI6IkFDRDA6MTYxMjoxQThGNDg1OjI3ODE1NEY6NjM2MDc2MzMiLCJ2aXNpdG9yX2lkIjoiNDEzNjY2OTAxNTE2NDk5NDU1MSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9" data-pjax-transient="true"
name="visitor-hmac" content="f45018267040be5e90cefc5d3c6246a785375674148104b2fcf89e6428aca8da" data-pjax-transient="true"
name="hovercard-subject-tag" content="pull_request:1093713866" data-turbo-transient
name="github-keyboard-shortcuts" content="repository,pull-request-list,pull-request-conversation,pull-request-files-changed" data-turbo-transient="true"
name="selected-link" value="repo_pulls" data-turbo-transient
name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY"
name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU"
name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA"
name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc"
name="google-site-verification" content="Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I"
name="octolytics-url" content="htt????/collector.github.com/github/collect"
name="analytics-location" content="/<user-name>/<repo-name>/voltron/pull_requests_fragments/pull_request_layout" data-turbo-transient="true"
name="user-login" content=""
name="viewport" content="width=device-width"
name="description" content="What? [Please note that the code is still a WIP, but it works for testing.] As we are looking at changing tab behaviour in the editor (for list and code blocks), we need to strengthen other types of navigation. There's two existing mechanisms: Block navigation mode: press Escape. Regions: press (Shift+)Ctrl+` or Ctrl+Alt+N/P, both of which I find hard to remember. Proposal: additional regions with easier to remember shortcuts. The additional regions would be: The block toolbar Navigation mode Potentially before/after inserter for the selected block In addition to that, offer easier to remember shortcuts: Escape already enters Navigation mode, but does nothing further. Let it be used to enter the next region. Shift+Escape should reverse cycle through the regions, so from the selected block, it enters the block toolbar, from there the interface header, and so on. The (Shift+)Escape combination is a good indicator that it can be used to cycle through the regions, just like (Shift+)Tab can be used to cycle through tabbable elements. But Ella, won't Escape clash with existing behaviour? When a block is selected and focussed, we already use it for Navigation mode, which is now baked in the regions. In other places, it can be used for closing popovers and modals, but that's fine. First the popover or modal must be closed before you can continue cycling through the regions. It makes perfect sense to me. The main regions can be seen as the roundabout on which (Shift+)Escape can be used to navigate. (Shift+)Tab (default) or Arrow keys (navigation mode, toolbars) can be used to navigate more granularly. Why? We need a solid method to navigate the editor because (Shift+)Tab may no longer work when a block is focussed. A single unified way that is easy to remember will benefit all users greatly. How? Testing Instructions Select a block. Test Escape and Shift+Escape shortcuts. Screenshots or screencast"
property="fb:app_id" content="1401488693436528"
name="apple-itunes-app" content="app-id=1477376905"
name="twitter:image:src" content="htt????/opengraph.githubassets.com/59a6fab16345a2d8aa749fd04f90bc15a04c7129c4039c0583927e68bc8df64b/WordPress/gutenberg/pull/45157"
name="twitter:site" content="@github"
name="twitter:card" content="summary_large_image"
name="twitter:title" content="Better regions and shortcut by ellatrix · Pull Request #45157 · WordPress/gutenberg"
name="twitter:description" content="What? [Please note that the code is still a WIP, but it works for testing.] As we are looking at changing tab behaviour in the editor (for list and code blocks), we need to strengthen other types o..."
property="og:image" content="htt???/web.archive.org/web/20221101012819im_/htt????/opengraph.githubassets.com/59a6fab16345a2d8aa749fd04f90bc15a04c7129c4039c0583927e68bc8df64b/WordPress/gutenberg/pull/45157"
property="og:image:alt" content="What? [Please note that the code is still a WIP, but it works for testing.] As we are looking at changing tab behaviour in the editor (for list and code blocks), we need to strengthen other types o..."
property="og:image:width" content="1200"
property="og:image:height" content="600"
property="og:site_name" content="GitHub"
property="og:type" content="object"
property="og:title" content="Better regions and shortcut by ellatrix · Pull Request #45157 · WordPress/gutenberg"
property="og:url" content="htt???/web.archive.org/web/20221101012819/htt????/github.com/WordPress/gutenberg/pull/45157"
property="og:description" content="What? [Please note that the code is still a WIP, but it works for testing.] As we are looking at changing tab behaviour in the editor (for list and code blocks), we need to strengthen other types o..."
name="hostname" content="github.com"
name="expected-hostname" content="github.com"
name="enabled-features" content="ACTIONS_RUN_NAME,IMAGE_METRIC_TRACKING,GEOJSON_AZURE_MAPS,STRICT_DEFERRED_DIFF_LINES_CHECKS"
http-equiv="x-pjax-version" content="a5001b1fe614a76d24f67d5f3812b654f713d2ccf5579a30e716580f88e69a9b" data-turbo-track="reload"
http-equiv="x-pjax-csp-version" content="40aca5a152a13213a876f7628c466cd600db12fb858cdddccc3f1cc387eb7dad" data-turbo-track="reload"
http-equiv="x-pjax-css-version" content="2f4eef761e53eea0ecdd62ddce27e88f36eedecf5c9100d24ad75146a6e9aa2c" data-turbo-track="reload"
http-equiv="x-pjax-js-version" content="011bdac74e6d18da7bff21d7523aa8931d49c77bd0a3b58cef90fbac9fb7d4b7" data-turbo-track="reload"
name="turbo-cache-control" content="no-preview" data-turbo-transient=""
name="voltron-timing" value="682"
name="go-import" content="github.com/WordPress/gutenberg git htt????/github.com/WordPress/gutenberg.git"
name="octolytics-dimension-user_id" content="276006"
name="octolytics-dimension-user_login" content="WordPress"
name="octolytics-dimension-repository_id" content="80862584"
name="octolytics-dimension-repository_nwo" content="WordPress/gutenberg"
name="octolytics-dimension-repository_public" content="true"
name="octolytics-dimension-repository_is_fork" content="false"
name="octolytics-dimension-repository_network_root_id" content="80862584"
name="octolytics-dimension-repository_network_root_nwo" content="WordPress/gutenberg"
name="turbo-body-classes" content="logged-out env-production page-responsive"
name="browser-stats-url" content="htt????/api.github.com/_private/browser/stats"
name="browser-errors-url" content="htt????/api.github.com/_private/browser/errors"
name="browser-optimizely-client-errors-url" content="htt????/api.github.com/_private/browser/optimizely_client/errors"
name="theme-color" content="#1e2327"
name="color-scheme" content="light dark"

Load Info

page size466123
load time (s)1.400303
redirect count0
speed download61442
server IP 207.241.237.3
* all occurrences of the string "http://" have been changed to "htt???/"