[wp-trac] [WordPress Trac] #50066: Make alt text input a textarea on classic editor
WordPress Trac
noreply at wordpress.org
Wed Sep 21 19:50:15 UTC 2022
#50066: Make alt text input a textarea on classic editor
-------------------------------------------------+-------------------------
Reporter: edent | Owner:
| sabernhardt
Type: enhancement | Status: closed
Priority: normal | Milestone: 6.1
Component: Media | Version:
Severity: normal | Resolution: fixed
Keywords: has-patch has-unit-tests has- | Focuses: ui,
screenshots | accessibility
-------------------------------------------------+-------------------------
Changes (by sabernhardt):
* keywords: has-patch has-unit-tests commit has-screenshots => has-patch
has-unit-tests has-screenshots
Comment:
== Measurements (in Microsoft Edge)
=== Media Library: Edit Media (list mode)
`id="attachment_alt"`
**Window size: 1,366 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea) =||=
Caption (with and without the patch) =||
||= dimensions =|| 846 × 30 || **500 × 46** ||
846 × 56 ||
||= font-size =|| 14px || 14px ||
14px ||
||= line-height =|| 2 (28 pixels) || **1.42857143 (20 pixels)** ||
1.42857143 (20 pixels) ||
||= padding =|| 0 8px || **2px 6px** ||
2px 6px ||
||= max-width =|| (default) || **500px** ||
(default) ||
||= min-height =|| 30px || **(default)** ||
(default) ||
||= height =|| (default) || **3.28571428em (46 pixels)** ||
4em (56 pixels) ||
**Window size: 768 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea) =||=
Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 729 × 40 || **500 × 54** || 729 ×
64 || 729 × 64 ||
||= font-size =|| 16px || 16px || 16px
|| 16px ||
||= line-height =|| 2 (32 pixels) || **1.5 (24 pixels)** ||
1.42857143 (22.85 pixels) || **1.5 (24 pixels)** ||
||= padding =|| 3px 10px || **2px 6px** || 2px
6px || 2px 6px ||
||= max-width =|| (default) || **500px** ||
(default) || (default) ||
||= min-height =|| 40px || **(default)** ||
(default) || (default) ||
||= height =|| (default) || **3.375em (54 pixels)** || 4em
(64 pixels) || 4em (64 pixels) ||
.
=== Media Library: Attachment details (grid mode)
`id="attachment-details-two-column-alt-text"`
**Window size: 1,366 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||= Title
(before patch) =||= Title (with patch) =||
||= dimensions =|| 264.38 × 30 || **264.38 × 50**
|| 264.38 × 62 || 264.38 × 62 || 264.38 × 30
|| 264.38 × 30 ||
||= font-size =|| 14px || 14px
|| 14px || 14px || 14px
|| 14px ||
||= line-height =|| 1.14285714 (16 pixels) || **1.42857143 (20 pixels)**
|| 1.14285714 (16 pixels) || **1.42857143 (20 pixels)** || 1.14285714
(16 pixels) || **1.42857143 (20 pixels)** ||
||= padding =|| 6px 8px || **4px 8px**
|| 6px 8px || **4px 8px** || 6px 8px
|| **4px 8px** ||
||= max-width =|| (default) || (default)
|| (default) || (default) || (default)
|| (default) ||
||= min-height =|| 30px || **(default)**
|| (default) || (default) || 30px
|| 30px ||
||= height =|| (default) || **50px**
|| 62px || 62px || (default)
|| (default) ||
**Window size: 768 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||= Title
(before patch) =||= Title (with patch) =||
||= dimensions =|| 193.83 × 40 || **193.83 × 58**
|| 193.83 × 50.5667 || **193.83 × 58** || 193.83 ×
40 || 193.83 × 40 ||
||= font-size =|| 16px || 16px
|| 16px || 16px || 16px
|| 16px ||
||= line-height =|| 1.14285714 (18.2857 pixels) || **1.5 (24 pixels)**
|| 1.14285714 (18.2857 pixels) || **1.5 (24 pixels)** || 1.14285714
(18.2857 pixels) || **1.5 (24 pixels)** ||
||= padding =|| 6px 8px || **4px 8px**
|| 6px 8px || **4px 8px** || 6px 8px
|| **4px 8px** ||
||= max-width =|| none || none
|| none || none || none
|| none ||
||= min-height =|| 40px || **(default)**
|| (default) || (default) || 40px
|| 40px ||
||= height =|| auto || auto
|| auto || auto || auto
|| auto ||
.
=== Add media in post (Classic editor)
`id="attachment-details-alt-text"`
**Window size: 1,366 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 162.5 × 30 || **162.5 × 50**
|| 162.5 × 62 || 162.5 × 62 ||
||= font-size =|| 13px || 13px
|| 13px || 13px ||
||= line-height =|| 2.15384615 (28 pixels) || **1.38461538 (18 pixels)**
|| 1.42857143 (18.5714 pixels) || **1.38461538 (18 pixels)** ||
||= padding =|| 0 8px || **6px 8px**
|| 6px 8px || 6px 8px ||
||= max-width =|| (default) || (default)
|| (default) || (default) ||
||= min-height =|| 30px || **(default)**
|| (default) || (default) ||
||= height =|| (default) || **50px**
|| 62px || 62px ||
**Window size: 768 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 208.73 × 40 || **208.73 × 56**
|| 208.73 × 53.6875 || **208.73 × 56** ||
||= font-size =|| 16px || 16px
|| 16px || 16px ||
||= line-height =|| 2.15384615 (34.4615 pixels) || **1.5 (24 pixels)**
|| 1.42857143 (22.8571 pixels) || **1.5 (24 pixels)** ||
||= padding =|| 0 8px || **3px 6px**
|| 3px 6px || 3px 6px ||
||= max-width =|| none || none
|| none || none ||
||= min-height =|| 40px || **(default)**
|| (default) || (default) ||
||= height =|| auto || auto
|| auto || auto ||
.
=== Replace media in post (Classic editor)
`id="image-details-alt-text"`
**Window size: 1,366 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 410.47 × 30 || **410.47 × 50**
|| 410.47 × 51.125 || **410.47 × 49.9688** ||
||= font-size =|| 13px || 13px
|| 13px || 13px ||
||= line-height =|| 2.15384615 (28 pixels) || **1.38461538 (18 pixels)**
|| 1.42857143 (18.5714 pixels) || **1.38461538 (18 pixels)** ||
||= padding =|| 0 8px || **6px 8px**
|| 6px 8px || 6px 8px ||
||= max-width =|| inherit (none) || inherit (none)
|| inherit (none) || inherit (none) ||
||= min-height =|| 30px || **(default)**
|| (default) || (default) ||
||= height =|| (default) || **50px**
|| (default) || (default) ||
**Window size: 768 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 442.69 × 40 || **442.69 × 50**
|| 442.69 × 53.69 || **442.69 × 56** ||
||= font-size =|| 16px || 16px
|| 16px || 16px ||
||= line-height =|| 2.15384615 (34.4615 pixels) || **1.5 (24 pixels)**
|| 1.42857143 (22.8571 pixels) || **1.5 (24 pixels)** ||
||= padding =|| 0 8px || **3px 6px**
|| 3px 6px || 3px 6px ||
||= max-width =|| inherit (none) || inherit (none)
|| inherit (none) || inherit (none) ||
||= min-height =|| 40px || **(default)**
|| (default) || (default) ||
||= height =|| (default) || **50px**
|| (default) || (default) ||
.
=== "Insert from URL" image preview and details (Classic editor)
`id="embed-image-settings-alt-text"`
**Window size: 1,366 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 400 × 30 || **400 × 50**
|| 400 × 51.125 || **400 × 49.9688** ||
||= font-size =|| 13px || 13px
|| 13px || 13px ||
||= line-height =|| 2.15384615 (28 pixels) || **1.38461538 (18 pixels)**
|| 1.42857143 (18.5714 pixels) || **1.38461538 (18 pixels)** ||
||= padding =|| 0 8px || **6px 8px**
|| 6px 8px || 6px 8px ||
||= max-width =|| 400px || 400px
|| 400px || 400px ||
||= min-height =|| 30px || **(default)**
|| (default) || (default) ||
||= height =|| (default) || **50px**
|| (default) || (default) ||
**Window size: 768 pixels wide**
|| ||= Alt Text (input) =||= Alt Text (textarea)
=||= Caption (before patch) =||= Caption (with patch) =||
||= dimensions =|| 400 × 40 || **400 × 50**
|| 400 × 53.6875 || **400 × 56** ||
||= font-size =|| 16px || 16px
|| 16px || 16px ||
||= line-height =|| 2.15384615 (34.4615 pixels) || **1.5 (24 pixels)**
|| 1.42857143 (22.8571 pixels) || **1.5 (24 pixels)** ||
||= padding =|| 0 8px || **3px 6px**
|| 3px 6px || 3px 6px ||
||= max-width =|| 400px || 400px
|| 400px || 400px ||
||= min-height =|| 40px || **(default)**
|| (default) || (default) ||
||= height =|| (default) || **50px**
|| (default) || (default) ||
--
Ticket URL: <https://core.trac.wordpress.org/ticket/50066#comment:43>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list