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

Forum: "Discuss this topic" accessibility

XMLWordPrintable

    • MOODLE_34_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MOODLE_37_STABLE, MOODLE_38_STABLE
    • MDL-61389-master
    • Hide
      1. In a course, create a forum with the type "Standardforum displayed in a blog-like format"
      2. Add a new topic. Add special characters to the name. For example:

        "Cool" & awesome topic! #ohyeah /nice >_< © ®

      3. Inspect the "Discuss this topic" link using your browser's dev tools
      4. Confirm that the aria-label attribute is not broken and contains the whole of the topic name. You should see something like

        aria-label="Discuss the topic: "Cool" &amp; awesome topic! #ohyeah /nice &gt;_&lt;  © ®"
        

        You'd see the ampersand, greater than, and less than characters encoded as HTML entities, but this is an existing separate issue.

      5. Create another topic with a normal name without any of the above special characters. E.g. "Moodle is cool"
      6. Using a screen reader, navigate to the "Discuss this topic" link for that topic.
      7. Confirm that you hear "Discuss the topic: Moodle is cool" from the screen reader instead of "Discuss this topic"
      Show
      In a course, create a forum with the type " Standardforum displayed in a blog-like format " Add a new topic. Add special characters to the name. For example: "Cool" & awesome topic! #ohyeah /nice >_< © ® Inspect the " Discuss this topic " link using your browser's dev tools Confirm that the aria-label attribute is not broken and contains the whole of the topic name. You should see something like aria-label="Discuss the topic: "Cool" &amp; awesome topic! #ohyeah /nice &gt;_&lt; © ®" You'd see the ampersand, greater than, and less than characters encoded as HTML entities, but this is an existing separate issue. Create another topic with a normal name without any of the above special characters. E.g. " Moodle is cool " Using a screen reader, navigate to the " Discuss this topic " link for that topic. Confirm that you hear " Discuss the topic: Moodle is cool " from the screen reader instead of " Discuss this topic "
    • 0
    • International 3.9 - Sprint 5, International 3.9 - Sprint 6

      "Discuss this topic" links are not descriptive and do not have programmatically associated context

      Applies to: WCAG 2.0 A 2.4.4 "Link purpose (in context)"

      Description: The links used to open discussion topics are labelled "Discuss this topic", which is not descriptive. There is no programmatically associated context announced with this link.

      Steps to replicate:

      1. Create a forum with the type "Standard forum displayed in a blog-like format"
      2. Create a discussion.
      3. Start JAWS or NVDA
      4. Open the links list (Insert+F7)
      5. Locate the "Discuss this topic" links presented in the links list. Note that it is not possible to determine from the links list which topic will be opened by activating these links.

            jpataleta Jun Pataleta
            kedgar Kim Edgar
            Shamim Rezaie Shamim Rezaie
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Janelle Barcega Janelle Barcega
            Votes:
            5 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 6 hours, 7 minutes
                2d 6h 7m

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