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);
      });
    }
  });

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

1 个答案: