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

Add meaningful label to colour items in colour chooser elements

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_400_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-71656-311
    • MDL-71656-master
    • Hide

      Initial setup:

      • Add fontcolor and backcolor to the Atto toolbar at:

      Dashboard > Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings

      • Go to any page that has an Atto editor. Ex: Edit Profile page (Description field).
      • A screen-reader (NVDA or ChromeVox) for this test

      Atto Font Color testing:

      1. Use your keyboard to navigate between the buttons of the Atto toolbar until you reach the Font Color button.
      2. Press Enter to open the Font Color chooser menu.
      3. Verify you will see 6 colour items to choose from.
      4. Use your keyboard to navigate between the colour items.
      5. Verify that you hear the words "[Colour name]" for each navigation. Ex: White.

      Atto Background Color testing:

      1. Use your keyboard to navigate between the buttons of the Atto toolbar until you reach the Background Color button.
      2. Press Enter to open the Background Color chooser menu.
      3. Verify you will see 6 colour items to choose from.
      4. Use your keyboard to navigate between the colour items.
      5. Verify that you hear the words "[Colour name]" for each navigation. Ex: White.

       

      Show
      Initial setup: Add fontcolor and backcolor to the Atto toolbar at: Dashboard > Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings Go to any page that has an Atto editor. Ex: Edit Profile page (Description field). A screen-reader (NVDA or ChromeVox) for this test Atto Font Color testing: Use your keyboard to navigate between the buttons of the Atto toolbar until you reach the Font Color button. Press Enter to open the Font Color chooser menu. Verify  you will see 6 colour items to choose from. Use your keyboard to navigate between the colour items. Verify  that you hear the words " [Colour name] " for each navigation. Ex: White. Atto Background Color testing: Use your keyboard to navigate between the buttons of the Atto toolbar until you reach the Background Color button. Press Enter to open the Background Color chooser menu. Verify  you will see 6 colour items to choose from. Use your keyboard to navigate between the colour items. Verify  that you hear the words " [Colour name] " for each navigation. Ex: White.  
    • 0
    • HQ Team International Sprint 3, HQ Team International Sprint 4, HQ Team International Sprint 5, HQ Team International Sprint 6

    Description

      Each colour item in the menu presented by the Font colour and Background colour menus should have a meaningful label.

      Attachments

        Issue Links

          Activity

            People

              huongn@moodle.com Huong Nguyen
              rezaie9 Shamim Rezaie
              Shamim Rezaie Shamim Rezaie
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Gladys Basiana Gladys Basiana
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                13/Sep/21

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 days, 1 hour, 45 minutes
                  3d 1h 45m