Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-38352

Ensure images provide informative alternative text

    Details

    • 12 status:
      Verified
    • Previous Issue Keys:
      A11YTEST-231

      Description

      [New Issue] - 03/13/2018The "add an attendee" icon next to the "Add Participant" link should be considered as decorative images, as it redundant with the text next to it.The screen reader announces: "Add an attende Add Participant graphic link".HTML:

      <a href="javascript:showHideAddPanel('0');" class="addAttendee">    <img src="/sakai-signup-tool/images/add.png?sakai.tool.placement.id=b9027c34-8b49-40fd-a698-0f62b7a844a1" alt="add an attendee" style="border:none" title="Click to add a participant" class="openCloseImageIcon">    &nbsp;Add Participant</a>

      Screen readers will try to announce the image and the textual data, which will confuse the users.Developers must provide an empty alt attribute.HTML:

      <a href="javascript:showHideAddPanel('0');" class="addAttendee">    <img src="/sakai-signup-tool/images/add.png?sakai.tool.placement.id=b9027c34-8b49-40fd-a698-0f62b7a844a1" alt="" style="border:none" title="Click to add a participant" class="openCloseImageIcon">    &nbsp;Add Participant</a>

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                ottenhoff Sam Ottenhoff
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code