Changeset 57554

Timestamp:

02/07/2024 05:25:33 PM (3 years ago)

Author:

joedolson

Message:

Bundled Theme: Improve focus outline in Twenty Twenty-Four.

Set a global focus outline for block elements in Twenty Twenty-Four to enhance accessibility. Replace the 1px dotted outline previously assigned on the button block.

Props alh0319, poena, beafialho, shailu25.
Fixes #60334.

File:

• trunk/src/wp-content/themes/twentytwentyfour/theme.json (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwentyfour/theme.json

@@ -796 +796 @@
                                         "outline": {
                                                 "color": "var(--wp--preset--color--contrast)",
-                                                "offset": "2px",
-                                                "style": "dotted",
-                                                "width": "1px"
+                                                "offset": "2px"
                                         },
                                         "border": {
@@ -909 +907 @@
                         "fontWeight": "400",
                         "lineHeight": "1.55"
-                }
+                },
+                "css": ".wp-site-blocks *:focus{outline-width:2px;outline-style:solid}"
         },
         "templateParts": [