How can I change the language for "aria-label"?

[cimt]

How can I change the language for "aria-label"?

When I use:

lightGallery(document.getElementById('gallery-captions-demo'), {
controls: false, 
prevHtml: "<button type='button' id='lg-prev' aria-label=' prev lang ' class='lg-prev lg-icon'></button>", 
nextHtml: "<button type='button' id='lg-next' aria-label=' next lang ' class='lg-next lg-icon'></button>",
});

nothing is displayed.... and if i use controls: true, The buttons were displayed twice.

It would be nice to:

lightGallery(document.getElementById('gallery-captions-demo'), {
previousSlide: "prev lang",
nextSlide: "next lang",
closeGallery: "close lang",
.... etc.
});

I'm grateful for any tips.

[cimt]

Solved? Changing the language for "aria-label" icons

Question: Is the plugin OK? ... I'm not a developer!!!

// === I18n Plugin ===
function lgI18n(lg) {
  const translations = {
    '.lg-prev': 'zum vorherigen Bild',
    '.lg-next': 'zum nächsten Bild',
    '.lg-close': 'Galerie schließen',
    '.lg-download': 'Herunterladen',
    '.lg-zoom-in': 'Vergrößern',
    '.lg-zoom-out': 'Verkleinern',
    '.lg-fullscreen': 'Vollbild',
    '.lg-play': 'Diashow starten',
    '.lg-pause': 'Diashow stoppen'
  };

  lg.LGel.on('lgAfterOpen.lgI18n', () => {
    const outer = lg.outer.get();
    Object.keys(translations).forEach((selector) => {
      const btn = outer.querySelector(selector);
      if (btn) {
        btn.setAttribute('title', translations[selector]);
        btn.setAttribute('aria-label', translations[selector]);
      }
    });
  });
}

lightGallery(document.getElementById('lightgallery'), {
plugins: [lgI18n], ...