Personnaliser l'icone d'accessibilité

[laurentdubois]

Bonjour à tous, je souhaite et je cherche en vain à modifier le plugin accessibility ( plugin system natif de joomla )

j'utilise un template enfant de cassopeia sous J4.2.3

- Overdrive non disponible pour ce type de plugin
- Rien dans le index.php
- j'ai regardé dans plugins/system/accessibility il y a bien le fichier accessibility.php et xml mais le code de layout ne se trouve pas là non plus...

Est ce que quelqu'un a deja modifié l'affichage du plugin ?

Dans le code de la page j'ai ceci :


<style class="_access-main-css">
._access-scrollbar::-webkit-scrollbar-track, .mat-autocomplete-panel::-webkit-scrollbar-track, .mat-tab-body-content::-webkit-scrollbar-track, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-track, .mat-menu-panel::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar, .mat-autocomplete-panel::-webkit-scrollbar, .mat-tab-body-content::-webkit-scrollbar, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar, .mat-menu-panel::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar-thumb, .mat-autocomplete-panel::-webkit-scrollbar-thumb, .mat-tab-body-content::-webkit-scrollbar-thumb, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-thumb, .mat-menu-panel::-webkit-scrollbar-thumb {
background-color: #999999;
}
._access-icon {
position: fixed;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
opacity: 0;
transition-duration: .5s;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: 1px 1px 5px rgba(0,0,0,.5);
transform: scale(1);
}
._access-icon:hover {

box-shadow: 1px 1px 10px rgba(0,0,0,.9);
transform: scale(1.1);

}
.circular._access-icon {
border-radius: 50%;
border: .5px solid white;
}

.access_read_guide_bar{
box-sizing: border-box;
background: #000000;
width: 100%!important;
min-width: 100%!important;
position: fixed!important;
height: 12px !important;
border: solid 3px #20ff69;
border-radius: 5px;
top: 15px;
z-index: 2147483647;
}
.access-high-contrast *{
background-color: #000 !important;
background-image: none !important;
border-color: #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff !important;
text-indent: 0 !important;
text-shadow: none !important;
}
._access-menu {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: fixed;
width: 25vw;
height: auto;
transition-duration: .5s;
z-index: 99991;
opacity: 1;
background-color: #fff;
color: #000;
border-radius: 3px;
border: solid 1px #f1f0f1;
font-family: RobotoDraft, Roboto, sans-serif, Arial;
min-width: 300px;
box-shadow: 0px 0px 1px #aaa;
max-height: 100vh;

}
._access-menu.close {
z-index: -1;
width: 0;
opacity: 0;
background-color: transparent;
}
._access-menu.bottom {
bottom: 0;
}
._access-menu.top {
top: 0;
}
._access-menu.left {
left: 0;
}
._access-menu.close.left {
left: -25vw;
}
._access-menu.right {
right: 0;
}
._access-menu.close.right {
right: -25vw;
}
._access-menu ._text-center {
text-align: center;
}
._access-menu h3 {
font-size: 24px !important;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
color: rgba(0,0,0,.87);
letter-spacing: initial!important;
word-spacing: initial!important;
}
._access-menu ._menu-close-btn {
left: 5px;
color: #d63c3c;
transition: .3s ease;
transform: rotate(0deg);
}
._access-menu ._menu-reset-btn:hover,._access-menu ._menu-close-btn:hover {
transform: rotate(180deg);
}
._access-menu ._menu-reset-btn {
right: 5px;
color: #4054b2;
transition: .3s ease;
transform: rotate(0deg);
}
._access-menu ._menu-btn {
position: absolute;
top: 5px;
cursor: pointer;
font-size: 24px !important;
font-weight: bold;
}
._access-menu ul {
padding: 0;
position: relative;
font-size: 18px !important;
margin: 0;
overflow: auto;
max-height: calc(100vh - 77px);
}
html._access_cursor * {
cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGl uZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vV zNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9 yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzd mcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh 0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGlua z0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB 4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0M y42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGV uYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42M jUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZ pbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlL XdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI gcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45N jQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA 5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnP jxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU 1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczT DIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTE uNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3d jM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM 5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsN y40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC4 3MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wO CwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMyw wLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwL jAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC4 2MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4L DI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCw wLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwL jQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc 4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItM C4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjA yNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wL jU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWw yMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZ z48L2c+PC9nPjwvc3ZnPg==),auto!important;
}
._access-menu ul li {
list-style-type: none;
cursor: pointer;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
border: solid 1px #f1f0f1;
padding: 10px 0 10px 30px;
margin: 5px;
border-radius: 4px;
transition-duration: .5s;
transition-timing-function: ease-in-out;
font-size: 18px !important;
line-height: 18px !important;
text-indent: 5px;
background: #f9f9f9;
color: rgba(0,0,0,.6);
letter-spacing: initial!important;
word-spacing: initial!important;
}
._access-menu ul.before-collapse li {
opacity: 0.05;
}
._access-menu ul li.active, ._access-menu ul li.active:hover {
color: #fff;
background-color: #000;
}
._access-menu ul li:hover {
color: rgba(0,0,0,.8);
background-color: #eaeaea;
}
._access-menu ul li.not-supported {
display: none;
}
._access-menu ul li:before {
content: ' ';
font-family: Material Icons;
text-rendering: optimizeLegibility;
font-feature-settings: "liga" 1;
font-style: normal;
text-transform: none;
line-height: 1;
font-size: 24px !important;
width: 30px;
height: 30px;
display: inline-block;
overflow: hidden;
-webkit-font-smoothing: antialiased;
left: 8px;
position: absolute;
color: rgba(0,0,0,.6);
direction: ltr;
}
._access-menu ul li svg path {
fill: rgba(0,0,0,.6);
}
._access-menu ul li:hover svg path {
fill: rgba(0,0,0,.8);
}
._access-menu ul li.active svg path {
fill: #fff;
}
._access-menu ul li:hover:before {
color: rgba(0,0,0,.8);
}
._access-menu ul li.active:before {
color: #fff;
}
._access-menu ul li[data-access-action="increaseText"]:before {
content: "zoom_in";
}
._access-menu ul li[data-access-action="decreaseText"]:before {
content: "zoom_out";
}
._access-menu ul li[data-access-action="increaseTextSpacing"]:before {
content: "unfold_more";
transform: rotate(90deg) translate(-7px, 2px);
}
._access-menu ul li[data-access-action="decreaseTextSpacing"]:before {
content: "unfold_less";
transform: rotate(90deg) translate(-7px, 2px);
}
._access-menu ul li[data-access-action="invertColors"]:before {
content: "invert_colors";
}
._access-menu ul li[data-access-action="grayHues"]:before {
content: "format_color_reset";
}
._access-menu ul li[data-access-action="underlineLinks"]:before {
content: "format_underlined";
}
._access-menu ul li[data-access-action="bigCursor"]:before {
/*content: 'touch_app';*/
}
._access-menu ul li[data-access-action="readingGuide"]:before {
content: "border_horizontal";
}
._access-menu ul li[data-access-action="textToSpeech"]:before {
content: "record_voice_over";
}
._access-menu ul li[data-access-action="speechToText"]:before {
content: "mic";
}</style>

<i class="_access-icon material-icons _access" style="width: 50px; height: 50px; font-size: 40px; line-height: 45px; text-indent: 5px; background-color: rgb(64, 84, 178); color: rgb(255, 255, 255); bottom: 50px; left: 0px; z-index: 9999; opacity: 1;" title="Options d'accessibilités">accessible</i>

Merci
Laurent