Create About Page for 7.1 by joedolson · Pull Request #12845 · WordPress/wordpress-develop

joedolson · 2026-08-04T22:04:28Z

Initial draft of the About Page for WordPress 7.1

This draft adds the feature images locally, as the CDN copies are not yet available.

Trac ticket: https://core.trac.wordpress.org/ticket/65698

Use of AI Tools

None

This Pull Request is for code review only. Please keep all other discussion in the Trac ticket. Do not merge this Pull Request. See GitHub Pull Requests for Code Review in the Core Handbook for more details.

github-actions · 2026-08-04T22:04:46Z

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

Core Committers: Use this line as a base for the props when committing in SVN:

Props joedolson, rcorrales, annezazu, markoserb.

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

github-actions · 2026-08-04T22:07:53Z

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

All changes will be lost when closing a tab with a Playground instance.
All changes will be lost when refreshing the page.
A fresh instance is created each time the link below is clicked.
Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

rbcorrales

Tested locally at different breakpoints plus an he_IL RTL pass. All five pages render clean, no PHP notices, and the RTL headers resolve correctly.

Comments are mostly copy. The one worth catching before RC1 is the run-on on 141, since it's user visible. The rest is minor.

rbcorrales · 2026-08-04T22:52:04Z

 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 $header_alt_text         = sprintf(
 	/* translators: %s: Version number. */
 	__( 'WordPress %s' ),
 	$display_version
 );


Removing the header image leaves $header_alt_text unused, and $display_version only feeds it, so both are dead now. Same in credits.php, freedoms.php and privacy.php.

I'm going to leave it for now; but thanks for noting it. If these images stay removed, I'll polish this and remove the dead code paths.

rbcorrales · 2026-08-04T23:22:29Z

One more thing, on narrow screens the header gets shorter, so the background image crops in and "WordPress 7.1" ends up sitting on the green part of the artwork instead of the blue. White on that green is 2.4:1, and it needs at least 3:1 for text that size. Checked at a 430px width. Desktop is fine as the title stays on the blue there.

Since the color comes from the image, it needs a different crop or a mobile version rather than a CSS change. Probably a separate ticket though.

joedolson · 2026-08-05T01:15:39Z

No, there's no need for a separate ticket; this ticket covers the entire scope of building out the About Page, because it's a one-off task for the release.

joedolson · 2026-08-05T03:41:07Z

@marko-srb Can you take a look at the color contrast concerns on mobile? We could use something like a text shadow on mobile only that addressed this, e.g. text-shadow: 0 0 2px var(--background);, which would change the boundary with fairly minimal impact on the design.

(var(--background) is #3858e9, for the record.)

marko-srb · 2026-08-05T06:41:23Z

👋 Your suggestion works well. Let's go with minimal shadows. Not a good practice in general, but great fix suggestion for now. We will fix the images themselves so no contrast issues are present, prior 7.1 release. And swap them.

Do we still need svg images for RTL? I thought we are going with webp? If we need them, I can deliver them in 1hr

About page, text update is ok to happen, even if not applicable by someone on Google file. It's easy for us to change there, as long as it is good on the actual page. Though I'd leave this to Anne. But if this needs to ship, I can review, or provide text in an hr.

Thank you!

Co-authored-by: Ramon Corrales <rbcorrales@users.noreply.github.com>

webVerts · 2026-08-05T18:52:41Z

 				</div>
 				<h3><?php _e( 'Accessibility' ); ?></h3>
-				<p><?php _e( 'WordPress continues to polish accessibility across WordPress Core and Gutenberg, advancing the goals to meet accessibility standards. WordPress 7.0 includes fixes across the platform, improving media management, usability for voice control, and improvements to color contrast with the new admin color scheme. The editor ships with new blocks and improvements to editor navigation and interaction.' ); ?></p>
+				<p><?php _e( 'WordPress 7.1 adds a "mark as decorative" toggle for the Image block, so decorative images can be hidden from screen readers, and the new admin bar and media editor modal have been built and reviewed with accessibility in mind. Work also continues on the post list tables and media library, as identified priorities in previous releases.' ); ?></p>


Split the sentence into 2.

WordPress 7.1 adds a "mark as decorative" toggle for the Image block, so decorative images can be hidden from screen readers. Additionally, the new admin bar and media editor modal have been built and reviewed with accessibility in mind.

alanjacobmathew · 2026-08-05T20:01:57Z

-					<strong><?php _e( 'Scrub through every version of your page.' ); ?></strong><br />
-					<?php _e( 'Review your post&#8217;s revision history with a timeline slider and see exactly what changed in the document with visual markers, block by block. Find the version you want and restore it in one click.' ); ?>
+					<strong><?php _e( 'One dedicated workflow for editing your images.' ); ?></strong><br />
+					<?php _e( 'A new media editor modal replaces the old inline cropping tool, bringing freeform and aspect-ratio cropping, flip, precise rotation, and metadata editing together in a single streamlined workflow. The familiar Crop button still gets you there, now opening a dedicated space to crop, rotate, and adjust images before publishing.' ); ?>


Suggested change

<?php _e( 'A new media editor modal replaces the old inline cropping tool, bringing freeform and aspect-ratio cropping, flip, precise rotation, and metadata editing together in a single streamlined workflow. The familiar Crop button still gets you there, now opening a dedicated space to crop, rotate, and adjust images before publishing.' ); ?>

<?php _e( 'A new media editor modal replaces the old inline cropping tool, bringing freeform and aspect-ratio cropping, flipping, precise rotation, and metadata editing together in a single streamlined workflow. The familiar Crop button still gets you there, now opening a dedicated space to crop, rotate, and adjust images before publishing.' ); ?>

t-hamano · 2026-08-07T09:05:38Z

Do we need to flip this image as well?

t-hamano · 2026-08-07T09:09:04Z

 		<div class="about__section has-3-columns">
 			<div class="column about__image is-vertically-aligned-top is-left-padding-zero">
-				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=7.0' ) ); ?>" alt="" height="280" width="280" />
+				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=7.1' ) ); ?>" alt="" height="280" width="280" />


The alt attribute has always been empty. Should we include the version number in the alt?

t-hamano · 2026-08-07T09:17:21Z

 			<div class="column is-vertically-aligned-center is-right-padding-zero">
 				<div class="about__image">
-					<img src="https://s.w.org/images/core/7.0/about-feature-01.webp" alt="" height="436" width="436" />
+					<img src="./images/about-feature-01.webp" alt="" height="436" width="436" />


Suggested change

<img src="./images/about-feature-01.webp" alt="" height="436" width="436" />

<img src="./images/about-feature-01.webp" alt="" height="900" width="900" />

The values for the height and width attributes seem a bit outdated. There are no issues as the aspect ratio matches, but according to HTML specifications, it seems that the actual image size should be described. The same applies to other img tags.

https://html.spec.whatwg.org/multipage/embedded-content-other.html#dimension-attributes

t-hamano · 2026-08-07T09:29:29Z

This is likely a minor point, but please note that the shortcut key for the command palette shown in this image is for Mac. On Windows, it is Ctrl+K, not ⌘K.

Create About Page for 7.1

8e4bad3

Update headers & add RTL versions.

1fc216d

rbcorrales reviewed Aug 4, 2026

View reviewed changes

One text adjustment, fix entities.

4449139

joedolson and others added 5 commits August 5, 2026 08:26

Add a subtle shadow on mobile to fix contrast issue

5aacc29

Update src/wp-admin/about.php

fa83fb5

Co-authored-by: Ramon Corrales <rbcorrales@users.noreply.github.com>

Update src/wp-admin/about.php

8393e64

Co-authored-by: Ramon Corrales <rbcorrales@users.noreply.github.com>

Update assets

db7e8fd

update notes feature

dfca3d7

webVerts reviewed Aug 5, 2026

View reviewed changes

alanjacobmathew reviewed Aug 5, 2026

View reviewed changes

t-hamano reviewed Aug 7, 2026

View reviewed changes

	<?php _e( 'A new media editor modal replaces the old inline cropping tool, bringing freeform and aspect-ratio cropping, flip, precise rotation, and metadata editing together in a single streamlined workflow. The familiar Crop button still gets you there, now opening a dedicated space to crop, rotate, and adjust images before publishing.' ); ?>
	<?php _e( 'A new media editor modal replaces the old inline cropping tool, bringing freeform and aspect-ratio cropping, flipping, precise rotation, and metadata editing together in a single streamlined workflow. The familiar Crop button still gets you there, now opening a dedicated space to crop, rotate, and adjust images before publishing.' ); ?>

	<img src="./images/about-feature-01.webp" alt="" height="436" width="436" />
	<img src="./images/about-feature-01.webp" alt="" height="900" width="900" />

Uh oh!

Conversation

joedolson commented Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Use of AI Tools

Uh oh!

github-actions Bot commented Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Aug 4, 2026

Test using WordPress Playground

Some things to be aware of

Uh oh!

rbcorrales left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

rbcorrales commented Aug 4, 2026

Uh oh!

joedolson commented Aug 5, 2026

Uh oh!

joedolson commented Aug 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

marko-srb commented Aug 5, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants

joedolson commented Aug 4, 2026 •

edited

Loading

github-actions Bot commented Aug 4, 2026 •

edited

Loading

joedolson commented Aug 5, 2026 •

edited

Loading