jquery - Jquery Galleria 未通过 508 ADA 合规性图像 alt 不存在

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