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

Forum: Discussion list: Accessibility issues

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Prerequisite:

      1. Log in as admin
      2. Create a course with 2 students
      3. Create a standard forum (forum type = 'standard forum for general use') in the course
      4. Add 2 discussions in the standard forum
      5. Post 10 replies in the first discussion (we want to make sure that the page will scroll. create more replies if needed)
      6. Create a 'single simple discussion' forum in the course
      7. Post 10 replies in the single simple discussion forum (we want to make sure that the page will scroll. create more replies if needed)
      8. Open the user menu (top right of the page) and click on 'Preferences'
      9. Go to Forum preferences
      10. Set the value of 'Use experimental nested discussion view' to 'No' and save the form

      Test 1

      1. Go into the course
      2. Go into the standard forum
      3. View source of the page (usually ctrl+u)
      4. Copy the source
      5. Visit https://validator.w3.org/nu/
      6. Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5
      7. Press the 'check' button
      8. Press the 'message filtering' button
      9. Verify that you don't see any errors
        • It's OK to see Bad value “” for attribute “datetime” on element “time”
      10. Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar.
      11. Visit again the validator and paste the content copied on the previous step. You might add manually "<!DOCTYPE html>" at the beginning of the textarea if it hasn't been copied.
      12. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed):
        • The element h4 must not appear as a descendant of the address element.
        • The text content of element time was not in the required format: The literal did not satisfy the time-datetime format.

      Test 2

      1. Go into the course
      2. Go into the standard forum
      3. Go into the first discussion
      4. Repeat the following instructions with all the available view modes (1. display replies flat with oldest first, 2. display replies flat with newest first, 3. display replies in threaded form, 4. display replies in nested form):
        1. View source of the page (usually ctrl+u)
        2. Copy the source
        3. Visit https://validator.w3.org/nu/
        4. Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5
        5. Press the 'check' button
        6. Press the 'message filtering' button
        7. Verify that you don't see any errors
          • It's OK to see Bad value “” for attribute “datetime” on element “time”
        8. Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar.
        9. Visit again the validator and paste the content copied on the previous step. You might add manually "<!DOCTYPE html>" at the beginning of the textarea if it hasn't been copied.
        10. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed):
          • The element h4 must not appear as a descendant of the address element.
          • The text content of element time was not in the required format: The literal did not satisfy the time-datetime format.

      Test 3

      1. Go into the course
      2. Go into the single simple discussion forum
      3. Repeat the following instructions with all the available view modes (1. display replies flat with oldest first, 2. display replies flat with newest first, 3. display replies in threaded form, 4. display replies in nested form):
        1. View source of the page (usually ctrl+u)
        2. Copy the source
        3. Visit https://validator.w3.org/nu/
        4. Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5
        5. Press the 'check' button
        6. Press the 'message filtering' button
        7. Verify that you don't see any errors
          • It's OK to see Bad value “” for attribute “datetime” on element “time”
        8. Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar.
        9. Visit again the validator and paste the content copied on the previous step. You might add manually "<!DOCTYPE html>" at the beginning of the textarea if it hasn't been copied.
        10. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed):
          • The element h4 must not appear as a descendant of the address element.
          • The text content of element time was not in the required format: The literal did not satisfy the time-datetime format.

       

      Prerequisite for the rest of the tests:

      1. Open the user menu (top right of the page) and click on 'Preferences'
      2. Go to Forum preferences
      3. Set the value of 'Use experimental nested discussion view' to 'Yes' and save the form

      Test 4

      Repeat Test 2 for the 'display replies in nested form' view

      Test 5

      Repeat Test 3 for the 'display replies in nested form' view

      Test 6 (Use Internet Explorer for this test)

      1. Go into the course
      2. Go into the standard forum
      3. Go to the first discussion
      4. Verify that the 'Jump to…' dropdown is at the bottom of the main content, and is not stuck in the middle of the screen and crosses over the main content
      5. Zoom the page to 200%
      6. Verify that the content does not overlap
      7. Zoom the page to 400%
      8. Verify that the footer is not covering the content

      Test 7

      1. Create 2 groups in the course and upload a group image for one of them
      2. Create a user and enrol it into the course
      3. Add the user to both of the groups
      4. Log in as the user and post a reply in the single simple discussion forum
      5. Verify that you see the group image next to the reply
      6. Verify that you see a placeholder image next to the group image

       

      Show
      Prerequisite: Log in as admin Create a course with 2 students Create a standard forum (forum type = 'standard forum for general use') in the course Add 2 discussions in the standard forum Post 10 replies in the first discussion (we want to make sure that the page will scroll. create more replies if needed) Create a 'single simple discussion' forum in the course Post 10 replies in the single simple discussion forum (we want to make sure that the page will scroll. create more replies if needed) Open the user menu (top right of the page) and click on 'Preferences' Go to Forum preferences Set the value of 'Use experimental nested discussion view' to 'No' and save the form Test 1 Go into the course Go into the standard forum View source of the page (usually ctrl+u) Copy the source Visit  https://validator.w3.org/nu/ Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5 Press the 'check' button Press the 'message filtering' button Verify  that you don't see any errors It's OK to see Bad value “” for attribute “datetime” on element “time” Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar. Visit again the validator and paste the content copied on the previous step. You might add manually " <!DOCTYPE html> " at the beginning of the textarea if it hasn't been copied. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed): The element h4 must not appear as a descendant of the address element. The text content of element time was not in the required format: The literal did not satisfy the time-datetime format. Test 2 Go into the course Go into the standard forum Go into the first discussion Repeat the following instructions with all the available view modes (1. display replies flat with oldest first, 2. display replies flat with newest first, 3. display replies in threaded form, 4. display replies in nested form): View source of the page (usually ctrl+u) Copy the source Visit  https://validator.w3.org/nu/ Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5 Press the 'check' button Press the 'message filtering' button Verify  that you don't see any errors It's OK to see Bad value “” for attribute “datetime” on element “time” Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar. Visit again the validator and paste the content copied on the previous step. You might add manually " <!DOCTYPE html> " at the beginning of the textarea if it hasn't been copied. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed): The element h4 must not appear as a descendant of the address element. The text content of element time was not in the required format: The literal did not satisfy the time-datetime format. Test 3 Go into the course Go into the single simple discussion forum Repeat the following instructions with all the available view modes (1. display replies flat with oldest first, 2. display replies flat with newest first, 3. display replies in threaded form, 4. display replies in nested form): View source of the page (usually ctrl+u) Copy the source Visit  https://validator.w3.org/nu/ Set the 'check by' field to 'text input' and replace the content of the text editor with what you copied on step 5 Press the 'check' button Press the 'message filtering' button Verify  that you don't see any errors It's OK to see Bad value “” for attribute “datetime” on element “time” Back in Moodle, open dev tools and copy the HTML source (you may right-click over the <html ...> element and select "Copy element" / "Copy outer HTML" or similar. Visit again the validator and paste the content copied on the previous step. You might add manually " <!DOCTYPE html> " at the beginning of the textarea if it hasn't been copied. Verify that the following errors don't appear (there might be other errors, but these shouldn't be displayed): The element h4 must not appear as a descendant of the address element. The text content of element time was not in the required format: The literal did not satisfy the time-datetime format.   Prerequisite for the rest of the tests: Open the user menu (top right of the page) and click on 'Preferences' Go to Forum preferences Set the value of 'Use experimental nested discussion view' to 'Yes' and save the form Test 4 Repeat Test 2 for the 'display replies in nested form' view Test 5 Repeat Test 3 for the 'display replies in nested form' view Test 6 (Use Internet Explorer for this test) Go into the course Go into the standard forum Go to the first discussion Verify that the 'Jump to…' dropdown is at the bottom of the main content, and is not stuck in the middle of the screen and crosses over the main content Zoom the page to 200% Verify that the content does not overlap Zoom the page to 400% Verify that the footer is not covering the content Test 7 Create 2 groups in the course and upload a group image for one of them Create a user and enrol it into the course Add the user to both of the groups Log in as the user and post a reply in the single simple discussion forum Verify that you see the group image next to the reply Verify that you see a placeholder image next to the group image  
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull from Repository:
    • Pull 3.8 Branch:
      MDL-68200-38-take2
    • Pull Master Branch:
      MDL-68200-master-take2
    • Story Points:
      1
    • Sprint:
      International 3.9 - Sprint 9

      Description

      Issues
      A
      • The links in the "Jump to…" drop down are triggered when the mouse/finger is clicks/touches the element rather than when it is lifted. --> could not reproduce on any of the supported browsers
      • Empty form labels. See Fig. 11.03 --> Fixed as part of MDL-67968
      • Errors found using W3C Nu Validation Service and filtered to indicate WCAG errors only
      AA
      • Text breaks out of its containers when zoomed to 400%. This occurs in IE only. See Fig. 11.04 --> deferred to MDL-68249
      • Colour contrast #3, #28 --> Will be addressed on MDL-64494
      AAA
      • Month abbreviations such as "Jun", "Feb" are not fully explained. Even well known abbreviations need to either be expanded on the first use on a page or that a link to a glossary or list of terms be provided
      Affected guidelines
      A
      • Pointer Cancellation:
        2.5.2 For functionality that can be operated using a single pointer, at least one of the following is true:
        No Down-Event
        The down-event of the pointer is not used to execute any part of the function;
        Abort or Undo
        Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion;
        Up Reversal
        The up-event reverses any outcome of the preceding down-event;
        Essential
        Completing the function on the down-event is essential.
      • Labels or Instructions
        3.3.2 Labels or instructions are provided when content requires user input
      • Parsing:
        4.1.1 In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features.
        Note: Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete.
      AA
      • Reflow:
        1.4.10 Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
        Vertical scrolling content at a width equivalent to 320 CSS pixels;
        Horizontal scrolling content at a height equivalent to 256 CSS pixels.
        Except for parts of the content which require two-dimensional layout for usage or meaning.
      • Non-text Contrast:
        1.4.11 The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):
        User Interface Components
        Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author;
        Graphical Objects
        Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
      AAA
      • Abbreviations:
        3.1.4 A mechanism for identifying the expanded form or meaning of abbreviations is available.

        Attachments

        1. MDL-68200 (9).jpg
          MDL-68200 (9).jpg
          114 kB
        2. MDL-68200 (8).jpg
          MDL-68200 (8).jpg
          166 kB
        3. MDL-68200 (7).jpg
          MDL-68200 (7).jpg
          161 kB
        4. MDL-68200 (6).jpg
          MDL-68200 (6).jpg
          95 kB
        5. MDL-68200 (5).jpg
          MDL-68200 (5).jpg
          137 kB
        6. MDL-68200 (4).jpg
          MDL-68200 (4).jpg
          123 kB
        7. MDL-68200 (3).jpg
          MDL-68200 (3).jpg
          135 kB
        8. MDL-68200 (2).jpg
          MDL-68200 (2).jpg
          126 kB
        9. MDL-68200 (11).jpg
          MDL-68200 (11).jpg
          31 kB
        10. MDL-68200 (10).jpg
          MDL-68200 (10).jpg
          147 kB
        11. MDL-68200.jpg
          MDL-68200.jpg
          136 kB
        12. Fig. 11.04.png
          Fig. 11.04.png
          10 kB
        13. Fig. 11.03.png
          Fig. 11.03.png
          13 kB

          Issue Links

            Activity

              People

              Assignee:
              rezaie9 Shamim Rezaie
              Reporter:
              rezaie9 Shamim Rezaie
              Peer reviewer:
              Jun Pataleta
              Integrator:
              Sara Arjona (@sarjona)
              Tester:
              Anna Carissa Sadia
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                13/Jul/20

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 3 days, 7 hours, 16 minutes
                  1w 3d 7h 16m