maybe a tabindex="-1" will do a better job

tabindex="-1" means that an item is only focusable programatically.
aria-hidden="true"means that item is completely removed from the accessibility tree.

I thought someone mentioned that it might be related to embedded colour profiles ;)
Anyway – It’s good that Mike found this error though.

Yes that is a quick and dirty way:

A way to have there a widget :

/*** custom social bookmarks widget  ****/
function social_bookmarks_register_widget() {
  register_widget( 'add_social_bookmarks' );
}
add_action( 'widgets_init', 'social_bookmarks_register_widget' );

class add_social_bookmarks extends WP_Widget {
  public function __construct() {
    $widget_ops = array(
      'classname' => 'socialbookmarks-widget', 
      'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
      );
    parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
  }

  public function widget( $args, $instance ) {
    $title = apply_filters( 'widget_title', $instance['title'] );
    echo $args['before_widget'];
    //if title is present
    if ( ! empty( $title ) )
    echo $args['before_title'] . $title . $args['after_title'];
    //output
    echo $before_widget;
    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
    echo avia_social_media_icons($social_args, false);
    echo $after_widget;
  }

  public function form( $instance ) {
    if ( isset( $instance[ 'title' ] ) )
    $title = $instance[ 'title' ];
    else
    $title = __( 'Social Bookmarks', 'avia_framework' );
    ?>
    <p>
    <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
    <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
    </p>
    <?php
  }

  public function update( $new_instance, $old_instance ) {
    $instance = array();
    $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
    return $instance;
  }
}

and for quick css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

but: these are only the social button you have set on enfold options dialaog.

bitte entferne mal das Snippet von Ismael: https://kriesi.at/support/topic/how-can-i-add-wpml/#post-1410409
und setze dann das Hauptmenü ( welches ja bei dir Burgermenu heißt) so wie beschrieben.
Da das Burgermenü ( das von Enfold) ja normalerweise eine Kopie des Hauptmenüs ist ( das von Enfold) müssen wir dann nur noch es dort ausblenden.

what is the reason i ask that question on top:

i do not know if wordpress preserves the embedded color-profiles on recalculation the smaller images. but these are used in f.e. masonry. so if you use the non recalculated original image in a slider and have the image in a masonry – there could be a difference between f.e. saturation – depending on your browser or monitor you are looking to them.

• The majority of typical consumer monitors have a color profile similar to the standard sRGB profile, and can’t display any “better” profiles.
• Almost all images, especially on the Web, were designed to be displayed in the sRGB color profile. When displayed correctly, they look the same on a high-end “wide gamut” monitor as on an average sRGB monitor.
• Not all browsers and image viewers support color profiles correctly. While basic support has improved in recent years, there are still cases where it’s buggy or misconfigured, so it can’t be relied upon for anything fancy.

the better control for website images is to save images in the sRGB profile with gamma 2.2, but don’t embed any profile in the image. That’s the most compatible and most efficient solution.

Contrary to my opinion that these settlements make sense, I tried to find a solution. Now, unfortunately, I have to throw in the towel. No idea how I could turn this off.
Adding aria-hidden=”true” to the icon hides the icon character from being included in the accessible name.
This is part of WAI-ARIA roles and i do not know why Google has a problem with it.

However, the mistake is that they contain focusable descendants.
i read something about giving to those decendents an attribute: tabindex=”-1″

because the sections etc got their own background-color. Only if you set them to transparent – the #main background-color could be seen.

Socket war auch nur für meine Beispiel seite. Es muss in deinem Fall dann das Hauptmenu sein. – Nicht das Burgermenu

wie hast du den sonst die Flaggen dort oben in das Menu gesetzt?

But this Page: https://www.mutrepublik.com/ is not an Enfold Installation – isn’t it ?

if you like to set it for only that element on a default english page -( and not for the whole page)
Setting only the lang attribute for that Element will be not enough.
But you can set for that specific Element the attributes separately – give to the animated countdown element a custom class or like i did a unique ID
f.e.: spanish
then put this to your child-theme functions.php:

function set_spanish_translations(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () { 
  (function($) {       
		$('#spanish').attr('lang', 'es-ES');

		$('#spanish .av-countdown-years .av-countdown-time-label').attr({
		  'data-label': 'Año',
		  'data-label-multi': 'Años'
		});
		$('#spanish .av-countdown-months .av-countdown-time-label').attr({
		  'data-label': 'Mes',
		  'data-label-multi': 'Meses'
		});
		$('#spanish .av-countdown-weeks .av-countdown-time-label').attr({
		  'data-label': 'Semana',
		  'data-label-multi': 'Semanas'
		});
		$('#spanish .av-countdown-days .av-countdown-time-label').attr({
		  'data-label': 'Día',
		  'data-label-multi': 'Días'
		});
		$('#spanish .av-countdown-hours .av-countdown-time-label').attr({
		  'data-label': 'Hora',
		  'data-label-multi': 'Horas'
		});
		$('#spanish .av-countdown-minutes .av-countdown-time-label').attr({
		  'data-label': 'Minuto',
		  'data-label-multi': 'Minutos'
		});
		$('#spanish .av-countdown-seconds .av-countdown-time-label').attr({
		  'data-label': 'Segundo',
		  'data-label-multi': 'Segundos'
		});
  }(jQuery)); 
});
</script>
<?php
}
add_action('wp_footer', 'set_spanish_translations');

see: https://enfold.webers-webdesign.de/3-columns/

the link above is an example what you like to achieve? The enfold link is in private content?

Think of that each column could be translated separately by the Element itself in advanced setting. So shifting the column outside the section is easy.
And a z-index setting is included on the advance tab of that element.

For better contrast on your slider headings you can have a little outline with drop-shadow on them:

#top #main .avia-slideshow .avia-caption-title {
  color: #FFF;
  text-shadow:
	-1px -1px 0 #000,  
	 1px -1px 0 #000,
	-1px 1px 0 #000,
	 2px 2px 4px #000;
}