Accessibility Of Websites With Addon Image Carousel
Klaus Liedtke
Hi, i got some error messages by checking sites for accessibility:
- In the addon "image carousel" is no field for the "image title".
- In the title and subtitle section is no selection for an background color. Have a problem with the contrast of title an subtitle an the image.
Any idea what i can do?
Regards
Toufiq
Accepted AnswerHi there,
Thanks for contacting us. Sorry, right now this feature/functionality is not available. If you need then i can add custom css code for you.
-Thanks
Klaus Liedtke
Accepted AnswerHi Toufiq,
That would be very helpfull. Background color for title and subtitle. Image title
thanks
Paul Frankowski
Accepted AnswerFor Background color for title and subtitle - use Custom CSS, example:
.sppb-carousel-extended-heading {background: #eee }
.sppb-carousel-extended-subheading {background: #eee;}Remember that extra padding:5px; may be needed to improve visual appearance.
About Image - it has Alt field already that needed for Accessibility WCAG (!) Field Title is not so needed, only ALT, but we can consider that in the future updates.
Klaus Liedtke
Accepted Answer Toufiq
Accepted AnswerAdd this css code inside the custom.css box or custom.css file.
.itemid-321 .sppb-carousel-extended-heading {
background: #8122b1;
padding: 10px 2px;
}
.itemid-321 .sppb-carousel-extended-subheading {
background: #365aca;
padding: 10px 5px;
}
.itemid-321 .sppb-carousel-extended-description {
background: #2290b1;
padding: 5px 0px;
}Klaus Liedtke
Accepted AnswerPut it in the customm css box, but nothong changed.
Toufiq
Accepted AnswerNew CSS code
.sppb-carousel-extended-heading {
background: #8122b1;
padding: 10px 2px;
}
.sppb-carousel-extended-subheading {
background: #365aca;
padding: 10px 5px;
}
.sppb-carousel-extended-description {
background: #2290b1;
padding: 5px 0px;
}Paul Frankowski
Accepted Answer- Clear Joomla Cache, becuase you're using AimySpeedOptimization ;]
- Add it in Page Settings > Page CSS > Custom CSS
and it will work.
Klaus Liedtke
Accepted AnswerHi Paul,
Content background works only in backend. Cache is cleared But title background no changes.
Klaus Liedtke
Accepted AnswerHere is a creenshot of my settings: https://ibb.co/1fCvXSLG Does it matter that this is a page module?
Paul Frankowski
Accepted AnswerThanks. You made mistake in CSS field, please delete first line
<p aria-hidden.... > - this is NOT CSS (!) but HTML code (!) - not needed here!
yes, it could stop browser from reading CSS on the front-end.
;/
Klaus Liedtke
Accepted AnswerNow it works perfect in backend, but not in frontend. Cache is cleared.