Neu Slider ohne Alt-Attribut

[sah]

Hallo!
Im NOVA steht ja

{image alt=$oSlide->getTitle()

warum sehe ich dann kein Alt?

 

[martinwolf]

Hallo!
Im NOVA steht ja

{image alt=$oSlide->getTitle()

warum sehe ich dann kein Alt?

Weil der Slider durch die NivoSlider Komponente zusammengebaut wird und das alt-Attribut in der aktuell verwendetn Version das nicht berücksichtigt.

 

[sah]

Version 5.5 soll ja das BFSG unterstützten und alt ist ein Pflichtattribut, finde den Fehler.

 

[martinwolf]

Version 5.5 soll ja das BFSG unterstützten und alt ist ein Pflichtattribut, finde den Fehler.

Das ist leider nicht der einzige Fehler in dieser Hinsicht im NOVA der 5.5er Version.

 

[bbfdesign]

Hi
Du könntest z.B. folgendes testen / machen. Lege in Deinem NOA Child Template unter snippets eine Datei slider.tpl an. In diese trögst Du folgendes ein:

{image
    alt=$oSlide->getTitle()|default:"Sliderbild {$oSlider->getID()}"|escape:'html'
    title=$slideTitle|default:"Sliderbild {$oSlider->getID()}"|escape:'html'
    src=$oSlide->getAbsoluteImage()
    data=["thumb" => "{if !empty($oSlide->getAbsoluteThumbnail())}{$oSlide->getAbsoluteThumbnail()}{/if}"]}

Gib mir mal eine Rückmeldung ob es geklappt hat. Ansonsten kann ich mir das gerne auch mal anschauen.

Gruß Björn

 

[sah]

Hmm, war wohl falscher Alarm, habe jetzt
<img src="https://***/mediafiles/Bilder/Zahlungsarten.jpg" class="" title="Zahlungsarten" alt="Zahlungsarten" data-thumb="https://***/media/image/storage/opc/.tmb/Zahlungsarten.jpg">
ohne Änderung ...

 

[martinwolf]

Hi
Du könntest z.B. folgendes testen / machen. Lege in Deinem NOA Child Template unter snippets eine Datei slider.tpl an. In diese trögst Du folgendes ein:

{image
    alt=$oSlide->getTitle()|default:"Sliderbild {$oSlider->getID()}"|escape:'html'
    title=$slideTitle|default:"Sliderbild {$oSlider->getID()}"|escape:'html'
    src=$oSlide->getAbsoluteImage()
    data=["thumb" => "{if !empty($oSlide->getAbsoluteThumbnail())}{$oSlide->getAbsoluteThumbnail()}{/if}"]}

Gib mir mal eine Rückmeldung ob es geklappt hat. Ansonsten kann ich mir das gerne auch mal anschauen.

Gruß Björn

Diese Stelle ist nicht das Problem, da ist ja ein alt-Attribut hinterlegt wie man sieht und wird anhand des Slider-Titels befüllt. Das Problem ist der Nivoslider, der anhand der hinterlegten Bilder noch ein eigenes HTML generiert und zusätzlich einbindet, wo dann hingegen KEIN alt-Attribute vorhanden ist. Siehe Anhang

 

[sah]

@martinwolf Wir haben "nivo-main-image" überhaupt nicht:

            <div class="slider-wrapper theme-default control-nav direction-nav">
                <div id="slider-20" class="nivoSlider">
            <img src="https://***.de/media/image/storage/opc/Slider/Sommer2023.jpg" class="" title="Doro-Konfigurator" alt="Doro-Konfigurator" data-thumb="https://***.de/media/image/storage/opc/.tmb/.tmb">
                                                            </a>
            <img src="https://***.de/mediafiles/Bilder/Zahlungsarten.jpg" class="" title="Zahlungsarten" alt="Zahlungsarten" data-thumb="https://***.de/media/image/storage/opc/.tmb/Zahlungsarten.jpg">
                                                            </a>

 

[sah]

Das funktioniert endlich

<div id="slider" class="nivoSlider">
    {foreach $oSlider->getSlides() as $oSlide}
        {assign var="slideTitle" value=$oSlide->getTitle()|default:"Sliderbild {$oSlider->getID()}"|escape}
        {assign var="slideImage" value=$oSlide->getAbsoluteImage()}
        {assign var="thumbImage" value=$oSlide->getAbsoluteThumbnail()|default:$oSlide->getAbsoluteImage()}
        {assign var="slideLink" value=$oSlide->getLink()}

        {if $slideLink}<a href="{$slideLink}" aria-label="{$slideTitle}">{/if}
            <img
                src="{$slideImage}"
                alt="{$slideTitle}"
                data-thumb="{$thumbImage}"
                loading="lazy"
                decoding="async"
            >
        {if $slideLink}</a>{/if}
    {/foreach}
</div>