diff --git a/Gruntfile.js b/Gruntfile.js
index ab56358b8f60d..61f18481e23a8 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -585,6 +585,7 @@ module.exports = function(grunt) {
 					[ WORKING_DIR + 'wp-includes/js/wp-ajax-response.js' ]: [ './src/js/_enqueues/lib/ajax-response.js' ],
 					[ WORKING_DIR + 'wp-includes/js/wp-api.js' ]: [ './src/js/_enqueues/wp/api.js' ],
 					[ WORKING_DIR + 'wp-includes/js/wp-auth-check.js' ]: [ './src/js/_enqueues/lib/auth-check.js' ],
+					[ WORKING_DIR + 'wp-includes/js/wp-tooltip.js' ]: [ './src/js/_enqueues/wp/wp-tooltip.js' ],
 					[ WORKING_DIR + 'wp-includes/js/wp-backbone.js' ]: [ './src/js/_enqueues/wp/backbone.js' ],
 					[ WORKING_DIR + 'wp-includes/js/wp-custom-header.js' ]: [ './src/js/_enqueues/wp/custom-header.js' ],
 					[ WORKING_DIR + 'wp-includes/js/wp-embed-template.js' ]: [ './src/js/_enqueues/lib/embed-template.js' ],
diff --git a/src/js/_enqueues/wp/wp-tooltip.js b/src/js/_enqueues/wp/wp-tooltip.js
new file mode 100644
index 0000000000000..35a320183240d
--- /dev/null
+++ b/src/js/_enqueues/wp/wp-tooltip.js
@@ -0,0 +1,44 @@
+/**
+ * @output wp-admin/js/wp-tooltip.js
+ */
+
+/**
+ * Add focus and hover support for the 'tooltip' type in `wp_tooltip()`.
+ * This script can be made obsolete when support is available for Interest Invokers.
+ */
+(() => {
+
+	const popovers = document.querySelectorAll( '.wp-is-tooltip' );
+	let openTimeout;
+
+	popovers.forEach( function( popover ) {
+		let trigger = popover.querySelector( 'button.wp-tooltip__toggle' );
+		let panel   = popover.querySelector( 'span.wp-tooltip__bubble' );
+
+		// Show Tooltip Function (with delay to prevent flickering).
+		const showTooltip = () => {
+			clearTimeout( openTimeout );
+			openTimeout = setTimeout( () => {
+				// Only show if it's not already open.
+				if ( ! panel.matches( ':popover-open' ) ) {
+					// pass the triggering element so implicit position anchors work.
+					panel.showPopover( { source: trigger } );
+				}
+			}, 300 );
+		};
+		// Hide Tooltip Function.
+		const hideTooltip = () => {
+			clearTimeout( openTimeout );
+			if ( panel.matches( ':popover-open' ) ) {
+				panel.hidePopover();
+			}
+		};
+
+		// Bind Hover and Focus Events.
+		trigger.addEventListener( 'mouseenter', showTooltip );
+		trigger.addEventListener( 'focus', showTooltip );
+
+		trigger.addEventListener( 'mouseleave', hideTooltip );
+		trigger.addEventListener( 'blur', hideTooltip );
+	});
+})();
diff --git a/src/wp-admin/css/wp-tooltip.css b/src/wp-admin/css/wp-tooltip.css
new file mode 100644
index 0000000000000..04ac5cd131ea9
--- /dev/null
+++ b/src/wp-admin/css/wp-tooltip.css
@@ -0,0 +1,122 @@
+/* Accessible tooltip component. Markup from wp_get_tooltip(). */
+
+.wp-tooltip {
+	display: inline-flex;
+	align-items: center;
+	vertical-align: middle;
+}
+
+/* Toggle and close buttons. */
+.wp-tooltip .wp-tooltip__toggle,
+.wp-tooltip .wp-tooltip__close {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	padding: 0;
+	border: 0;
+	border-radius: 2px;
+	background: none;
+	color: #50575e;
+	cursor: pointer;
+}
+
+.wp-tooltip .wp-tooltip__toggle:hover,
+.wp-tooltip .wp-tooltip__toggle:focus,
+.wp-tooltip .wp-tooltip__close:hover,
+.wp-tooltip .wp-tooltip__close:focus {
+	color: var(--wp-admin-theme-color, #3858e9);
+}
+
+.wp-tooltip .wp-tooltip__toggle:focus,
+.wp-tooltip .wp-tooltip__close:focus {
+	outline: 2px solid transparent;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
+}
+
+.wp-tooltip .wp-tooltip__toggle .dashicons {
+	width: 20px;
+	height: 20px;
+	font-size: 20px;
+}
+
+.wp-tooltip .wp-tooltip__close .dashicons {
+	width: 18px;
+	height: 18px;
+	font-size: 18px;
+}
+
+/* Bubble. No position here, so it falls back to the UA's centered popover without anchoring. */
+.wp-tooltip .wp-tooltip__bubble {
+	max-width: min(280px, calc(100vw - 32px));
+	margin: auto;
+	padding: 12px 16px;
+	overflow: visible;
+	border: 1px solid #c3c4c7;
+	border-radius: 4px;
+	background: #fff;
+	color: #1d2327;
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 1.5;
+	text-align: left;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+}
+
+.wp-tooltip.wp-is-tooltip .wp-tooltip__bubble {
+	background: #000;
+	color: #f0f0f0;
+	text-align: center;
+	padding: 4px 8px;
+	line-height: 1.4;
+}
+
+.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__text {
+	display: block;
+	padding-inline-end: 24px;
+}
+
+.wp-tooltip .wp-tooltip__close {
+	position: absolute;
+	top: 6px;
+	inset-inline-end: 6px;
+}
+
+/* Anchor the bubble above its toggle, with a downward arrow. */
+@supports (anchor-name: --a) {
+	.wp-tooltip .wp-tooltip__bubble {
+		position-area: top;
+		margin: 0 0 8px;
+		position-try-fallbacks: flip-block, flip-inline;
+	}
+
+	.wp-tooltip.wp-is-tooltip .wp-tooltip__bubble {
+		margin: 0;
+	}
+
+	/* Arrow: gray border (::before) under a white fill (::after). */
+	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before,
+	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after {
+		content: "";
+		position: absolute;
+		top: 100%;
+		left: 50%;
+		width: 0;
+		height: 0;
+		border: 8px solid transparent;
+		border-bottom: 0;
+	}
+
+	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before {
+		margin-left: -8px;
+		border-top-color: #c3c4c7;
+	}
+
+	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after {
+		margin-left: -7px;
+		border-width: 7px;
+		border-bottom: 0;
+		border-top-color: #fff;
+	}
+}
diff --git a/src/wp-includes/general-template.php b/src/wp-includes/general-template.php
index 121cc4a4c0c48..36f3db3beba10 100644
--- a/src/wp-includes/general-template.php
+++ b/src/wp-includes/general-template.php
@@ -369,6 +369,168 @@ function get_search_form( $args = array() ) {
 	}
 }
 
+
+/**
+ * Retrieves the markup for an accessible tooltip.
+ *
+ * Returns a button with an accessible name popover.
+ *
+ * @since 7.1.0
+ *
+ * @param string $content Plain-text tooltip content. An empty value returns an empty string.
+ * @param array  $args {
+ *     Optional. Arguments for building the tooltip.
+ *
+ *     @type string $id          Unique ID for the popover element. Default is a
+ *                               generated unique ID.
+ *     @type string $label       Not used for tooltips.
+ *     @type string $close_label Not used for tooltips.
+ *     @type string $icon        Dashicons icon class for the toggle button.
+ *                               Default 'dashicons-editor-help'. Should match the control's
+ *                               visible label.
+ *     @type string $class       Additional class(es) for the wrapping element.
+ *                               Default empty.
+ * }
+ * @return string Tooltip HTML markup, or an empty string when no content is provided.
+ */
+function wp_get_tooltip( $content, $args = array() ) {
+	$args['type'] = 'tooltip';
+	return wp_get_tooltip_helper( $content, $args );
+}
+
+/**
+ * Retrieves the markup for an accessible tooltip or toggletip.
+ *
+ * Returns a button and either a hover/focus triggered tooltip popover or an action
+ * triggered toggle tip. Enqueue the `wp-tooltip` style and script where it is used.
+ * Tooltips are used to show the accessible name of a control.
+ * Toggletips are be used for longer supporting text explaining context.
+ *
+ * @since 7.1.0
+ *
+ * @param string $content Plain-text tooltip content. An empty value returns an empty string.
+ * @param array  $args {
+ *     Optional. Arguments for building the tooltip.
+ *
+ *     @type string $id          Unique ID for the popover element. Default is a
+ *                               generated unique ID.
+ *     @type string $label       Accessible label for the toggle button.
+ *                               Default 'Help', matching the default icon.
+ *                               Ignored for tooltips.
+ *     @type string $close_label Accessible label for the close button. Default 'Close'.
+ *     @type string $icon        Dashicons icon class for the toggle button.
+ *                               Default 'dashicons-editor-help'. Should match the control's
+ *                               visible label.
+ *     @type string $class       Additional class(es) for the wrapping element.
+ *                               Default empty.
+ * }
+ * @return string Tooltip HTML markup, or an empty string when no content is provided.
+ */
+function wp_get_toggletip( $content, $args ) {
+	$args['type'] = 'toggletip';
+	return wp_get_tooltip_helper( $content, $args );
+}
+/**
+ * Retrieves the markup for an accessible tooltip or toggletip.
+ *
+ * Returns a button and either a hover/focus triggered tooltip popover or an action
+ * triggered toggle tip. Enqueue the `wp-tooltip` style and script where it is used.
+ * Tooltips are used to show the accessible name of a control.
+ * Toggletips are be used for longer supporting text explaining context.
+ *
+ * @since 7.1.0
+ *
+ * @param string $content Plain-text tooltip content. An empty value returns an empty string.
+ * @param array  $args {
+ *     Optional. Arguments for building the tooltip.
+ *
+ *     @type string $id          Unique ID for the popover element. Default is a
+ *                               generated unique ID.
+ *     @type string $label       Accessible label for the toggle button.
+ *                               Default 'Help', matching the default icon.
+ *                               Ignored for tooltips.
+ *     @type string $close_label Accessible label for the close button. Default 'Close'.
+ *     @type string $icon        Dashicons icon class for the toggle button.
+ *                               Default 'dashicons-editor-help'. Should match the control's
+ *                               visible label.
+ *     @type string $class       Additional class(es) for the wrapping element.
+ *                               Default empty.
+ *     @type string $type        Type of tooltip: either `tooltip` or `toggletip`.
+ *                               Default 'tooltip'.
+ * }
+ * @return string Tooltip HTML markup, or an empty string when no content is provided.
+ */
+function wp_get_tooltip_helper( $content, $args = array() ) {
+	$content = trim( (string) $content );
+
+	if ( '' === $content ) {
+		return '';
+	}
+
+	$defaults = array(
+		'id'          => '',
+		'label'       => __( 'Help' ),
+		'close_label' => __( 'Close' ),
+		'icon'        => 'dashicons-editor-help',
+		'class'       => '',
+		'type'        => 'tooltip',
+		'attributes'  => array(),
+	);
+
+	$args = wp_parse_args( $args, $defaults );
+
+	$id = '' !== $args['id'] ? $args['id'] : wp_unique_id( 'wp-tooltip-' );
+
+	$classes = ( 'tooltip' === $args['type'] ) ? 'wp-tooltip wp-is-tooltip' : 'wp-tooltip wp-is-toggletip';
+	if ( '' !== $args['class'] ) {
+		$classes .= ' ' . $args['class'];
+	}
+
+	$icon = '' !== $args['icon'] ? ' ' . $args['icon'] : '';
+
+	if ( 'tooltip' === $args['type'] ) {
+		// Tooltips are only used to visually display labels.
+		$label  = wp_strip_all_tags( $content, true );
+		$markup = sprintf(
+			'<div class="%1$s">' .
+				'<button type="button" class="wp-tooltip__toggle" popovertarget="%2$s" aria-label="%3$s">' .
+					'<span class="dashicons%4$s" aria-hidden="true"></span>' .
+				'</button>' .
+				'<span popover="hint" id="%2$s" class="wp-tooltip__bubble" role="tooltip">' .
+					'<span id="%2$s-text" class="wp-tooltip__text">%5$s</span>' .
+				'</span>' .
+			'</div>',
+			esc_attr( $classes ),
+			esc_attr( $id ),
+			esc_attr( $label ),
+			esc_attr( $icon ),
+			esc_html( $content ),
+		);
+	} else {
+		$markup = sprintf(
+			'<div class="%1$s">' .
+				'<button type="button" class="wp-tooltip__toggle" popovertarget="%2$s" aria-label="%3$s" aria-haspopup="dialog">' .
+					'<span class="dashicons%4$s" aria-hidden="true"></span>' .
+				'</button>' .
+				'<dialog popover="auto" id="%2$s" class="wp-tooltip__bubble" autofocus>' .
+					'<span id="%2$s-text" class="wp-tooltip__text">%5$s</span>' .
+					'<button type="button" class="wp-tooltip__close" popovertarget="%2$s" popovertargetaction="hide" aria-label="%6$s">' .
+						'<span class="dashicons dashicons-no-alt" aria-hidden="true"></span>' .
+					'</button>' .
+				'</dialog>' .
+			'</div>',
+			esc_attr( $classes ),
+			esc_attr( $id ),
+			esc_attr( $args['label'] ),
+			esc_attr( $icon ),
+			esc_html( $content ),
+			esc_attr( $args['close_label'] ),
+		);
+	}
+
+	return $markup;
+}
+
 /**
  * Displays the Log In/Out link.
  *
diff --git a/src/wp-includes/script-loader.php b/src/wp-includes/script-loader.php
index d195434127cdf..4d6a3be9e45e9 100644
--- a/src/wp-includes/script-loader.php
+++ b/src/wp-includes/script-loader.php
@@ -879,6 +879,8 @@ function wp_default_scripts( $scripts ) {
 	$scripts->add( 'wp-auth-check', "/wp-includes/js/wp-auth-check$suffix.js", array( 'heartbeat' ), false, 1 );
 	$scripts->set_translations( 'wp-auth-check' );
 
+	$scripts->add( 'wp-tooltip', '/wp-includes/js/wp-tooltip.js', array(), false, 1 );
+
 	$scripts->add( 'wp-lists', "/wp-includes/js/wp-lists$suffix.js", array( 'wp-ajax-response', 'jquery-color' ), false, 1 );
 
 	$scripts->add( 'site-icon', '/wp-admin/js/site-icon.js', array( 'jquery' ), false, 1 );
@@ -1617,6 +1619,7 @@ function wp_default_styles( $styles ) {
 	$suffix = SCRIPT_DEBUG ? '' : '.min';
 
 	// Admin CSS.
+	$styles->add( 'wp-tooltip', "/wp-admin/css/wp-tooltip$suffix.css", array( 'dashicons' ) );
 	$styles->add( 'common', "/wp-admin/css/common$suffix.css" );
 	$styles->add( 'forms', "/wp-admin/css/forms$suffix.css" );
 	$styles->add( 'admin-menu', "/wp-admin/css/admin-menu$suffix.css" );
@@ -1636,7 +1639,7 @@ function wp_default_styles( $styles ) {
 
 	$styles->add( 'wp-admin', false, array( 'dashicons', 'common', 'forms', 'admin-menu', 'dashboard', 'list-tables', 'edit', 'revisions', 'media', 'themes', 'about', 'nav-menus', 'widgets', 'site-icon', 'l10n', 'wp-base-styles' ) );
 
-	$styles->add( 'login', "/wp-admin/css/login$suffix.css", array( 'dashicons', 'buttons', 'forms', 'l10n', 'wp-base-styles' ) );
+	$styles->add( 'login', "/wp-admin/css/login$suffix.css", array( 'dashicons', 'buttons', 'forms', 'l10n', 'wp-base-styles', 'wp-tooltip' ) );
 	$styles->add( 'install', "/wp-admin/css/install$suffix.css", array( 'dashicons', 'buttons', 'forms', 'l10n', 'wp-base-styles' ) );
 	$styles->add( 'wp-color-picker', "/wp-admin/css/color-picker$suffix.css" );
 	$styles->add( 'customize-controls', "/wp-admin/css/customize-controls$suffix.css", array( 'wp-admin', 'colors', 'imgareaselect' ) );
diff --git a/src/wp-login.php b/src/wp-login.php
index 4536c636f3061..b6cafd3c50ae7 100644
--- a/src/wp-login.php
+++ b/src/wp-login.php
@@ -1508,6 +1508,7 @@ function wp_login_viewport_meta() {
 		}
 
 		wp_enqueue_script( 'user-profile' );
+		wp_enqueue_script( 'wp-tooltip' );
 		?>
 
 		<form name="loginform" id="loginform" action="<?php echo esc_url( site_url( 'wp-login.php', 'login_post' ) ); ?>" method="post">
@@ -1535,7 +1536,34 @@ function wp_login_viewport_meta() {
 			do_action( 'login_form' );
 
 			?>
-			<p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme" value="forever" <?php checked( $rememberme ); ?> /> <label for="rememberme"><?php esc_html_e( 'Remember Me' ); ?></label></p>
+			<?php
+			/**
+			 * Filters the help text shown in the "Remember Me" tooltip on the login form.
+			 *
+			 * Returning an empty string removes the tooltip toggle from the form.
+			 *
+			 * @since 7.1.0
+			 *
+			 * @param string $rememberme_help_text The tooltip help text.
+			 */
+			$rememberme_help_text = apply_filters(
+				'login_remember_me_help_text',
+				__( 'Selecting "Remember Me" reduces the number of times you&#8217;ll be asked to log in using this device. To keep your account secure, use this option only on your personal devices.' )
+			);
+			?>
+			<p class="forgetmenot">
+				<input name="rememberme" type="checkbox" id="rememberme" value="forever" <?php checked( $rememberme ); ?> />
+				<label for="rememberme"><?php esc_html_e( 'Remember Me' ); ?></label>
+				<?php
+				echo wp_get_toggletip(
+					$rememberme_help_text,
+					array(
+						'id'    => 'rememberme-help-toggletip',
+						'label' => __( 'Help' ),
+					)
+				);
+				?>
+			</p>
 			<p class="submit">
 				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e( 'Log In' ); ?>" />
 				<?php
diff --git a/tests/phpunit/tests/general/wpGetTooltip.php b/tests/phpunit/tests/general/wpGetTooltip.php
new file mode 100644
index 0000000000000..e19e8f484cac2
--- /dev/null
+++ b/tests/phpunit/tests/general/wpGetTooltip.php
@@ -0,0 +1,117 @@
+<?php
+/**
+ * Test wp_get_tooltip().
+ *
+ * @group general
+ * @group template
+ * @group tooltip
+ *
+ * @covers ::wp_get_tooltip
+ */
+class Tests_General_wpGetTooltip extends WP_UnitTestCase {
+
+	/**
+	 * Tests that an empty content value returns an empty string.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_returns_empty_string_without_content() {
+		$this->assertSame( '', wp_get_tooltip( '' ) );
+		$this->assertSame( '', wp_get_tooltip( '   ' ) );
+	}
+
+	/**
+	 * Tests that the markup contains the expected accessible structure.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_returns_accessible_markup() {
+		$tooltip = wp_get_tooltip( 'Helpful text.', array( 'id' => 'my-tip' ) );
+
+		// Toggle is a button that controls the popover and describes it.
+		$this->assertStringContainsString( '<button type="button" class="wp-tooltip__toggle"', $tooltip );
+		$this->assertStringContainsString( 'popovertarget="my-tip"', $tooltip );
+
+		// The bubble is a popover holding a text-only described element.
+		$this->assertStringContainsString( '<span popover="hint" id="my-tip" class="wp-tooltip__bubble" role="tooltip">', $tooltip );
+		$this->assertStringContainsString( '<span id="my-tip-text" class="wp-tooltip__text">Helpful text.</span>', $tooltip );
+
+		// Ensure the tooltip model does not include a close button.
+		$this->assertStringNotContainsString( 'class="wp-tooltip__close"', $tooltip );
+		$this->assertStringNotContainsString( 'popovertargetaction="hide"', $tooltip );
+
+		$toggletip = wp_get_toggletip(
+			'Helpful text.',
+			array(
+				'id' => 'my-tip',
+			)
+		);
+		// Ensure the toggle tip does contain a close button.
+		$this->assertStringContainsString( 'class="wp-tooltip__close"', $toggletip );
+		$this->assertStringContainsString( 'popovertargetaction="hide"', $toggletip );
+	}
+
+	/**
+	 * Tests that content is escaped.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_escapes_content() {
+		$html = wp_get_tooltip( '<script>alert(1)</script>' );
+
+		$this->assertStringNotContainsString( '<script>', $html );
+		$this->assertStringContainsString( '&lt;script&gt;', $html );
+	}
+
+	/**
+	 * Tests that the accessible labels are output and escaped in attributes.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_outputs_labels() {
+		$html = wp_get_toggletip(
+			'Helpful text.',
+			array(
+				'label'       => 'About this field',
+				'close_label' => 'Dismiss',
+			)
+		);
+
+		$this->assertStringContainsString( 'aria-label="About this field"', $html );
+		$this->assertStringContainsString( 'aria-label="Dismiss"', $html );
+	}
+
+	/**
+	 * Tests that a custom icon class and wrapper class are applied.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_applies_icon_and_class() {
+		$html = wp_get_tooltip(
+			'Helpful text.',
+			array(
+				'icon'  => 'dashicons-info',
+				'class' => 'my-wrap',
+			)
+		);
+
+		$this->assertStringContainsString( 'class="wp-tooltip wp-is-tooltip my-wrap"', $html );
+		$this->assertStringContainsString( 'class="dashicons dashicons-info"', $html );
+	}
+
+	/**
+	 * Tests that a generated ID is used when none is supplied, and that the
+	 * describedby target matches the bubble ID.
+	 *
+	 * @ticket 55343
+	 */
+	public function test_wp_get_tooltip_generates_unique_id() {
+		$html = wp_get_tooltip( 'Helpful text.' );
+
+		$this->assertSame( 1, preg_match( '/id="(wp-tooltip-\d+)"/', $html, $matches ) );
+
+		$id = $matches[1];
+		$this->assertStringContainsString( 'popovertarget="' . $id . '"', $html );
+		$this->assertStringContainsString( 'id="' . $id . '-text"', $html );
+	}
+}