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

Blog and Assignment submission comment add comment text area missing label

    XMLWordPrintable

    Details

    • Testing Instructions:
      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.
    • Affected Branches:
      MOODLE_22_STABLE, MOODLE_23_STABLE, MOODLE_30_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE, MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_34_STABLE, MOODLE_35_STABLE
    • Pull 3.5 Branch:
    • Pull Master Branch:
      MDL-35977-master

      Description

      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

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                2 Vote for this issue
                Watchers:
                7 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  10/Sep/18