Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-35977

Blog and Assignment submission comment add comment text area missing label

XMLWordPrintable

    • MOODLE_22_STABLE, MOODLE_23_STABLE, MOODLE_30_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE, MOODLE_36_STABLE
    • MOODLE_34_STABLE, MOODLE_35_STABLE
    • MDL-35977-master
    • Hide
      1. Log in as Admin.
      2. Create a course. 
      3. Enrol a Student.
      4. Create an Assignment activity.

      Test using JAWS or other screen reader.

      Scenario 1
      1. Login
      2. Navigate to Profile
      3. Open Blog entries
      4. Add a blog entry.
      5. View the blog entry
      6. Navigate to the comments link using the keyboard and press enter to open the comment textarea.
      7. Navigate to the comments textarea using the keyboard
        1. Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute.
      Scenario 2
      1. Log in as Student. 
      2. Go to Course > Assignment.
      3. Navigate to the comments textarea using the keyboard
        1. Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute.
      4. Add and submit a submission. 
      5. Log in as Admin.
      6. Go to Course > Assignment > View all submissions.
      7. Navigate to the comments textarea in the user submissions table using the keyboard.
        1. Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute.
      Show
      Log in as Admin. Create a course.  Enrol a Student. Create an Assignment activity. Test using JAWS or other screen reader. Scenario 1 Login Navigate to Profile Open Blog entries Add a blog entry. View the blog entry Navigate to the comments link using the keyboard and press enter to open the comment textarea. Navigate to the comments textarea using the keyboard Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute. Scenario 2 Log in as Student.  Go to Course > Assignment. Navigate to the comments textarea using the keyboard Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute. Add and submit a submission.  Log in as Admin. Go to Course > Assignment > View all submissions. Navigate to the comments textarea in the user submissions table using the keyboard. Confirm that the screen reader can clearly read  "Add a comment..." and the textarea has a aria-label = "Add a comment..." attribute.

      Issue
      Explicit labels - The textarea field for leaving a comment does not have an explicitly associated label for it, making it difficult for screen reader users to understand what it's for.

      Title attribute - The textarea field for leaving a comment does not have an explicit title attribute to compensate for the lack of explicit label.

      Standard Level
      WCAG 2 1.1.1 (A) http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html

      Impact
      Serious

      Example Link
      http://accessibility.mroomstest.net/blog/index.php

      Test Steps

      1. Login as user0
      2. navigate to the above link
      3. Expand the comment section
      4. View the source code for the add comment text area there is no label

        1. add comment textarea.png
          add comment textarea.png
          75 kB
        2. MDL-35977 aria-label.png
          MDL-35977 aria-label.png
          4 kB

            Geshoski Mihail Geshoski
            jrh18 Jason Hardin (Inactive)
            Jun Pataleta Jun Pataleta
            Andrew Lyons Andrew Lyons
            Michael Hawkins Michael Hawkins
            Votes:
            2 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.