jquery - Jquery Galleria が 508 ADA 準拠のイメージを渡さない alt not present

Question

デフォルトではALTタグが含まれていないため、Galleria Image Galleryにaltを追加する方法。設定を使用して、ギャラリーの画像とクラシック テーマを提供しています。ADA規則に準拠させる方法について誰か考えがありますか.

Answer 1

「alt」を画像に表示する方法を見つけました。Mac のスクリーン リーダーでは機能しましたが、ADA のすべてのルールをカバーしているかどうかはわかりません。

「拡張」機能を使用して、現在の「元の」画像を取得し、alt 属性を取得して、表示されている現在の画像にロードする関数を渡しました。

コードは次のとおりです。

  $("#gallery").galleria({
    width: 500,
    height: 500,
    extend: function(options) {
      var gallery = this;   
      this.bind('image', function(e) {
        var curr = gallery.getData(gallery.getIndex());
        var currOrig = curr.original;
        var altTxt = $(currOrig).attr('alt');
        $(e.imageTarget).attr('alt',altTxt);
      });
      this.bind('thumbnail', function(e) {
        var thumb = gallery.getData(e.index);
        var thumbOrig = thumb.original;
        var altText = $(thumbOrig).attr('alt');
        $(e.thumbTarget).attr('alt',altText);
      });
    }
  });