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

Ensure images provide informative alternative text

    Details

    • 19 status:
      Verified
    • 12 status:
      Resolved
    • Previous Issue Keys:
      A11YTEST-232

      Description

      [New Issue] - 03/13/2018The disabled "Add Participant" image has an incomplete alternative text, i.e., "add an waiter", that does not indicate the disabled status of the command.The screen reader announces: "Graphic add a waiter Add Participant".

      HTML:

      <span style="margin-left: 2px;">    <img src="/sakai-signup-tool/images/addDisabled.png?sakai.tool.placement.id=b9027c34-8b49-40fd-a698-0f62b7a844a1" alt="add an waiter" style="border:none" title="Action not allowed because time slots are still available.">    <span class="disabledAddAttendee">&nbsp;Add Participant</span></span>

      Users of assistive technology cannot understand the signification of the images.Developers must ensure that alt text is a concise and meaningful replacement for the image, indicating the type of service found, as visually displayed in the legend.

      HTML:

      <span style="margin-left: 2px;">    <img src="/sakai-signup-tool/images/addDisabled.png?sakai.tool.placement.id=b9027c34-8b49-40fd-a698-0f62b7a844a1" alt="(Disabled command)" style="border:none" title="Action not allowed because time slots are still available.">    <span class="disabledAddAttendee">&nbsp;Add Participant</span></span>

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  kedwar1 Kendra Edwards
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code