Changeset 57554

Timestamp:

02/07/2024 05:25:33 PM (6 months 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": [