Jquery Galleria未通过508 ADA合规性图片alt

Question

如何将alts添加到Galleria图库,因为它默认不包含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);
      });
    }
  });