Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3270139 by jannakha, bnjmnm, smustgrave, mgifford: CKEditor admin toolbar config buttons using ::before to add content: have invalid screen reader text

merge-requests/4399/merge
nod_ 2024-03-20 04:19:41 +01:00
parent 9c9935d05d
commit da64ff5c57
No known key found for this signature in database
GPG Key ID: 76624892606FA197
3 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
core/modules/ckeditor5/css/essentials.admin.css
View File

@ -1,6 +1,7 @@
.ckeditor5-toolbar-button-divider { .ckeditor5-toolbar-button-divider {
background-image: url(../icons/divider.svg); background-image: url(../icons/divider.svg);
} }
.ckeditor5-toolbar-button-wrapping { .ckeditor5-toolbar-button-wrapping {
background-image: url(../icons/separator.svg); background-image: url(../icons/separator.svg);
} }
@ -20,15 +21,20 @@
width: 100px; width: 100px;
color: #000; color: #000;
} }
.ckeditor5-toolbar-button-heading::before { .ckeditor5-toolbar-button-heading::before {
margin-left: 10px; margin-left: 10px;
/* For browsers which don't support alt content, eg FireFox */
content: "Heading"; content: "Heading";
content: "Heading" / "";
font-size: 14px; font-size: 14px;
} }
[dir="rtl"] .ckeditor5-toolbar-button-heading::before { [dir="rtl"] .ckeditor5-toolbar-button-heading::before {
margin-right: 10px; margin-right: 10px;
margin-left: 0; margin-left: 0;
} }
.ckeditor5-toolbar-button-heading::after { .ckeditor5-toolbar-button-heading::after {
display: inline-block; display: inline-block;
width: 7px; width: 7px;
@ -39,6 +45,7 @@
border-width: 2px 2px 0 0; border-width: 2px 2px 0 0;
border-style: solid; border-style: solid;
} }
[dir="rtl"] .ckeditor5-toolbar-button-heading::after { [dir="rtl"] .ckeditor5-toolbar-button-heading::after {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left: 10px;

6
core/modules/ckeditor5/css/language.admin.css
View File

@ -5,15 +5,20 @@
width: 110px; width: 110px;
color: #000; color: #000;
} }
.ckeditor5-toolbar-button-textPartLanguage::before { .ckeditor5-toolbar-button-textPartLanguage::before {
margin-left: 10px; margin-left: 10px;
/* For browsers which don't support alt content, eg FireFox */
content: "Language"; content: "Language";
content: "Language" / "";
font-size: 14px; font-size: 14px;
} }
[dir="rtl"] .ckeditor5-toolbar-button-textPartLanguage::before { [dir="rtl"] .ckeditor5-toolbar-button-textPartLanguage::before {
margin-right: 10px; margin-right: 10px;
margin-left: 0; margin-left: 0;
} }
.ckeditor5-toolbar-button-textPartLanguage::after { .ckeditor5-toolbar-button-textPartLanguage::after {
display: inline-block; display: inline-block;
width: 7px; width: 7px;
@ -24,6 +29,7 @@
border-width: 2px 2px 0 0; border-width: 2px 2px 0 0;
border-style: solid; border-style: solid;
} }
[dir="rtl"] .ckeditor5-toolbar-button-textPartLanguage::after { [dir="rtl"] .ckeditor5-toolbar-button-textPartLanguage::after {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left: 10px;

6
core/modules/ckeditor5/css/style.admin.css
View File

@ -5,15 +5,20 @@
width: 110px; width: 110px;
color: #000; color: #000;
} }
.ckeditor5-toolbar-button-style::before { .ckeditor5-toolbar-button-style::before {
margin-left: 10px; margin-left: 10px;
/* For browsers which don't support alt content, eg FireFox */
content: "Style"; content: "Style";
content: "Style" / "";
font-size: 14px; font-size: 14px;
} }
[dir="rtl"] .ckeditor5-toolbar-button-style::before { [dir="rtl"] .ckeditor5-toolbar-button-style::before {
margin-right: 10px; margin-right: 10px;
margin-left: 0; margin-left: 0;
} }
.ckeditor5-toolbar-button-style::after { .ckeditor5-toolbar-button-style::after {
display: inline-block; display: inline-block;
width: 7px; width: 7px;
@ -24,6 +29,7 @@
border-width: 2px 2px 0 0; border-width: 2px 2px 0 0;
border-style: solid; border-style: solid;
} }
[dir="rtl"] .ckeditor5-toolbar-button-style::after { [dir="rtl"] .ckeditor5-toolbar-button-style::after {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left: 10px;