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

Inform assistive technologies of changes in content

    Details

    • Previous Issue Keys:
      A11YTEST-258

      Description

      [New] - 3/16/2018[Issue]When users enter their input into "Enter your current status" form field, character remaining counter displayed and it does not communicate with assistive technologies users.[User Impact]Screen reader users do not get to know that how many total characters are there and how many characters remain.[Code]

      <span id="tracker" class="text-counter" style="display: block; color: rgb(153, 153, 153);">135</span>

      [Expected behavior]Developers must ensure that when screen reader users type any value into this form field, screen reader must announce how many characters remaining.Steps to follow:- Character counter information must connect with form field using "aria-describedby"- at around 64 characters(or per requirement) remaining add aria-live="polite" and aria-atomic="true"- at around 54 characters (or per requirement) remaining set aria-atomic="false"- at around 24 characters (or per requirement) remaining set aria-live="assertive" and aria-atomic="true"- when all character finished, inform users through alertdialog that character limit has been reached.- Advisory: instead of just number (140) keep a message like this "135 characters remaining of 140 characters"

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code