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

Accessibility toolkit advanced page update for page flow issues.

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_400_STABLE
    • MOODLE_400_STABLE, MOODLE_401_STABLE, MOODLE_402_STABLE
    •  MDL-73331_401_toolbrickfieldadvancedtab
    •  MDL-73331_master_toolbrickfieldadvancedtab
    • Hide

      Accessing the advanced page

      Note: you will need a unique moodle site url to obtain api keys required for testing. Localhost sites will work, but should use an unused port number. Instructions for registration are in step 3 below.

      1. To view the advanced tab in the report, one must process the content using the accessibility toolkit. To do this, the toolkit must be registered on the page Site administration > Plugins > Admin tools > Accessibility > Brickfield registration with api keys.
        2. Navigate to Site Administration > Plugins > Admin tools / Accessibility / Accessibility toolkit settings and enabled analysis requests.
        3. If you have no api keys for this:
            1. Head into Site administration > Plugins > Admin tools > Accessibility > Brickfield registration to register the toolkit in order to view the advanced tab in the report.
            2. Click the link to register at the Brickfield Portal.
            3. You should see the login page with a Sign up link at the top, click this.
            4. Fill out the sign up form, the details do not matter too much, and hit register.
            5. You should now be on the sites page, click new site +.
            6. The URL on the form should match your moodle site. The site can be a local site if you like, however be mindful of the port number as the url registered must be unique. So if localhost:8000 is already taken, you might use a different port number.
            7. Hit register site.
            8. You should now see a table containing your site info with the api key and secret key.
            9. Copy these keys back into your moodle site on the brickfield registration page.
            10. Press activate on this page.
            11. You should see the message 'Your accessibility toolkit is functional while being validated.'
            12. You can now use the toolkit.
        4. Create a new course on the site, the content can be empty.
        5. On the course page, select the accessibility toolkit from the actions menu.
        6. You should see a message saying the course has not been scheduled for analysis. Press this button to schedule the course content for analysis.
        7. You should see a message indicating it has been scheduled.
        8. Now go to Site administration > Server > Scheduled Tasks and find the task 'Process content analysis requests' and hit the 'Run now' link contained within this row on the table.
        9. Click Run Now
        10. Similarly, go to Site administration > Server > Scheduled Tasks and find the task 'Process bulk caching' and hit the 'Run now' link contained within this row on the table.
        9. Click Run Now
        11. The content should now be analyzed, so now return to course accessibility report.
        12. You should see a group of tabs at the top of the page, with one of them denoting 'Advanced'
        13. Click the advanced tab.

       

      Testing the advanced page

      1. Navigate to /admin/tool/brickfield/index.php?tab=advanced
      2. Narrow the browser window width and observe how the grid and above text scales at different widths.
      3. Observe that some text may be hidden and the interface can appear squished with some text overflow issues.
      4. Apply the changes and observe that this no longer occurs.
      Show
      Accessing the advanced page Note: you will need a unique moodle site url to obtain api keys required for testing. Localhost sites will work, but should use an unused port number. Instructions for registration are in step 3 below. To view the advanced tab in the report, one must process the content using the accessibility toolkit. To do this, the toolkit must be registered on the page Site administration > Plugins > Admin tools > Accessibility > Brickfield registration with api keys. 2. Navigate to Site Administration > Plugins > Admin tools / Accessibility / Accessibility toolkit settings and enabled analysis requests. 3. If you have no api keys for this:     1. Head into Site administration > Plugins > Admin tools > Accessibility > Brickfield registration to register the toolkit in order to view the advanced tab in the report.     2. Click the link to register at the Brickfield Portal.     3. You should see the login page with a Sign up link at the top, click this.     4. Fill out the sign up form, the details do not matter too much, and hit register.     5. You should now be on the sites page, click new site +.     6. The URL on the form should match your moodle site. The site can be a local site if you like, however be mindful of the port number as the url registered must be unique. So if localhost:8000 is already taken, you might use a different port number.     7. Hit register site.     8. You should now see a table containing your site info with the api key and secret key.     9. Copy these keys back into your moodle site on the brickfield registration page.     10. Press activate on this page.     11. You should see the message 'Your accessibility toolkit is functional while being validated.'     12. You can now use the toolkit. 4. Create a new course on the site, the content can be empty. 5. On the course page, select the accessibility toolkit from the actions menu. 6. You should see a message saying the course has not been scheduled for analysis. Press this button to schedule the course content for analysis. 7. You should see a message indicating it has been scheduled. 8. Now go to Site administration > Server > Scheduled Tasks and find the task 'Process content analysis requests' and hit the 'Run now' link contained within this row on the table. 9. Click Run Now 10. Similarly, go to Site administration > Server > Scheduled Tasks and find the task 'Process bulk caching' and hit the 'Run now' link contained within this row on the table. 9. Click Run Now 11. The content should now be analyzed, so now return to course accessibility report. 12. You should see a group of tabs at the top of the page, with one of them denoting 'Advanced' 13. Click the advanced tab.   Testing the advanced page Navigate to /admin/tool/brickfield/index.php?tab=advanced Narrow the browser window width and observe how the grid and above text scales at different widths. Observe that some text may be hidden and the interface can appear squished with some text overflow issues. Apply the changes and observe that this no longer occurs.

      The advanced tab in the toolkit can be observed to scale poorly as described in a related task.

       

      This solution should provide a streamlined update to the advanced page as a whole to avoid the scaling issues and any potential other page flow breaking parts of the layout. (On safari for example it can cause blocks to be displaced unnaturally)

       

        1. (I) Passed -- (400)MDL-73331.png
          186 kB
          Kim Jared Lucas
        2. (I) Passed -- (401)MDL-73331.png
          179 kB
          Kim Jared Lucas
        3. (I) Passed -- (402)MDL-73331.png
          173 kB
          Kim Jared Lucas
        4. (I) Passed -- (Master)MDL-73331.png
          177 kB
          Kim Jared Lucas

            bigmoodle Max Larkin
            bigmoodle Max Larkin
            Mike Churchward Mike Churchward
            Paul Holden Paul Holden
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            1 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 5 hours, 24 minutes
                5h 24m

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