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

Usability of new password unmask is a bit confusing

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      In both clean and boost, in multiple browsers vendors

      1. Look at the password unmask element and try out its functionality in both normal forms and admin forms (e.g. add user screen or smtp password on admin settings)
      2. Ensure it looks good and functions as you'd expect, the hide and show icons displaying
      Show
      In both clean and boost, in multiple browsers vendors Look at the password unmask element and try out its functionality in both normal forms and admin forms (e.g. add user screen or smtp password on admin settings) Ensure it looks good and functions as you'd expect, the hide and show icons displaying
    • Affected Branches:
      MOODLE_32_STABLE
    • Pull Master Branch:
      MDL-57159-master-v3

      Description

      Frédéric Massart wrote on MDL-56659:

      If we're going towards improving accessibility and usability, can I point out that the magnifier is really unclear, especially when there isn't any password. It doesn't display its state so it's impossible to predict if letters will be visible or not when it's empty.

      Completely agree with that comment. I also thought we might be able to make things look a bit clearer by making greater user of boostrap styling.

      This is what it currently looks like when password is entered and hidden:

      And entered and non-hidden:

      And in editing mode:

        Attachments

        1. any_ltr.png
          38 kB
          Eloy Lafuente (stronk7)
        2. boost_admin.png
          75 kB
          Eloy Lafuente (stronk7)
        3. clean_admin.png
          84 kB
          Eloy Lafuente (stronk7)
        4. Screen Shot 2016-11-25 at 11.14.38.png
          14 kB
          Dan Poltawski
        5. Screen Shot 2016-11-25 at 11.14.43.png
          16 kB
          Dan Poltawski
        6. Screen Shot 2016-11-25 at 11.14.51.png
          25 kB
          Dan Poltawski
        7. Screen Shot 2016-11-25 at 12.19.53.png
          94 kB
          Dan Poltawski
        8. Screen Shot 2016-11-25 at 12.21.03.png
          96 kB
          Dan Poltawski
        9. Screen Shot 2016-11-29 at 14.41.31.png
          87 kB
          Dan Poltawski
        10. Screen Shot 2016-11-29 at 14.44.16.png
          86 kB
          Dan Poltawski
        11. Screen Shot 2016-11-29 at 21.57.39.png
          56 kB
          Dan Poltawski
        12. Screen Shot 2016-11-29 at 21.57.46.png
          55 kB
          Dan Poltawski
        13. Screen Shot 2016-11-29 at 21.57.51.png
          46 kB
          Dan Poltawski
        14. Screen Shot 2016-11-29 at 21.57.55.png
          47 kB
          Dan Poltawski
        15. Screen Shot 2016-11-29 at 21.58.32.png
          98 kB
          Dan Poltawski
        16. Screen Shot 2016-11-29 at 22.00.02.png
          68 kB
          Dan Poltawski
        17. Screen Shot 2016-11-29 at 22.00.11.png
          58 kB
          Dan Poltawski
        18. Screen Shot 2016-11-29 at 22.00.18.png
          51 kB
          Dan Poltawski
        19. Screen Shot 2016-11-29 at 22.00.22.png
          49 kB
          Dan Poltawski

          Issue Links

            Activity

              People

              Assignee:
              Unassigned
              Reporter:
              poltawski Dan Poltawski
              Peer reviewer:
              Ryan Wyllie
              Integrator:
              Eloy Lafuente (stronk7)
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Barbara Ramiro, Bas Brands
              Votes:
              3 Vote for this issue
              Watchers:
              7 Start watching this issue

                Dates

                Created:
                Updated: