Add Aria Label to Post Slider

Hi lle-it,

You’ll need to tweak postslider.php to do this, here are the steps to do it properly:
1. (skip this step if you have a child theme) Download and use a child theme. You can download and find instructions on how to use it here: https://kriesi.at/documentation/enfold/child-theme/
2. Follow the steps provided in: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
3. Copy wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > postslider folder to wp-content > themes > enfold-child > shortcodes folder.
4. Edit postslider.php in the child theme
Hope this helps and let us know if you need further assistance.

Best regards,
Nikko

Hi lle-it,

Can you tell us what are the Aria text you’d like to put in the image, post title, content, etc? then we’ll try to post here the codes you’ll need to replace.

Best regards,
Nikko

Hi lle-it,

I see then the instruction I posted above may not be a convenient solution.
Using javascript maybe the best in this case, can you try to add to the Custom CSS Class of each one-half column a common class name for example mycolumn
Also should the post slider’s aria text attribute be like this?

aria-label="Special Release"

Best regards,
Nikko

Hi lle-it,

For the buttons it’s similar step with Post Slider but different files to copy (you can skip step 1 & 2):
1. (skip this step if you have a child theme) Download and use a child theme. You can download and find instructions on how to use it here: https://kriesi.at/documentation/enfold/child-theme/
2. Follow the steps provided in: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
3. Copy wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > buttons folder to wp-content > themes > enfold-child > buttons folder.
4. Edit buttons.php in the child theme and replace with this code: https://pastebin.com/7BKhNmiT

Once done, edit the Button and it should have Aria Label Text in the backend.
Hope this helps.

Best regards,
Nikko

Hi lle-it,

I have actually tested the code on my local server (with WP debug turned on) before posting it and didn’t have issues, I checked just now with a layerslider but it does not show as well.
For the meantime, can you tell us what PHP version you’re using? also Enfold and WordPress version? so we can try to reproduce the issue.
As for giving us access, would it be possible if it on a staging site? if yes, then please setup a staging site for us.
Here’s a simple tutorial you can follow: https://themeisle.com/blog/wordpress-staging-site/

Best regards,
Nikko

Hi lle-it,

You’re welcome :)
Please edit postslider.php in line 681 (the code I gave):

$output .= "<div {$el_id} {$data} class='avia-content-slider avia-content-{$type}-active avia-content-slider" . avia_post_slider::$slide . " avia-content-slider-{$total} {$class} {$av_display_classes}' $markup {$aria_label}>"; // tweaked

replace it with:

$output .= "<div {$el_id} {$data} class='avia-content-slider avia-content-{$type}-active avia-content-slider" . avia_post_slider::$slide . " avia-content-slider-{$total} {$class} {$av_display_classes}' $markup>";

Then go to line 799:

$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class} post-format-{$post_format}' $markup>";

replace it with:

$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class} post-format-{$post_format}' $markup {$aria_label}>";

Hope this helps :)

Best regards,
Nikko

Hi lle-it,

Can you give us a screenshot of the settings of those Post Sliders that didn’t work?
As for icon boxes and icon lists, we’ll try to make one and post it here.

Best regards,
Nikko

Hi lle-it,

Please do the steps for Iconbox:
1. Copy wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > iconbox folder to wp-content > themes > enfold-child > shortcodes folder.
2. Edit iconbox.php in the child theme and replace with this code: https://pastebin.com/JEzyyP7g

Please do the steps for Iconlist:
1. Copy wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > iconlist folder to wp-content > themes > enfold-child > shortcodes folder.
2. Edit iconlist.php in the child theme and replace with this code: https://pastebin.com/AyLabJyd

Best regards,
Nikko