search

JeromeFitz / react-instafeed

⚛️ React + 🖼️ Instafeed = 😀️
59 stars 6 forks source link

Add `alt` and `title` tags to the Instagram Image #1

Closed JeromeFitz closed 7 years ago

JeromeFitz commented 7 years ago

Pull appropriate text data for screen-readers.

JeromeFitz commented 7 years ago

Short Term: This can be done without a release, by altering the variable Template HTML code.

      const instafeedTemplate = `
            <a href="{{link}}" target="_blank" class="instafeed__item" alt="This is an external link to Instagram">
              <img class="instafeed__item__background" src="{{image}}" title="{{model.short_caption}}" alt="{{model.short_caption}}" />
                <div class="instafeed__item__overlay">
                  <div class="instafeed__item__overlay--inner">
                    <p class="instafeed__item__caption">{{model.short_caption}}</p>
                    <p class="instafeed__item__location">{{location}}</p>
                  </div>
                </div>
            </a>`;