Moodle
  1. Moodle
  2. MDL-8817

Add a third larger size for user profile photos for accessibility

    Details

    • Type: Improvement Improvement
    • Status: Open
    • Priority: Minor Minor
    • Resolution: Unresolved
    • Affects Version/s: 1.7, 2.2.2
    • Fix Version/s: None
    • Component/s: Accessibility
    • Labels:
      None
    • Affected Branches:
      MOODLE_17_STABLE, MOODLE_22_STABLE
    • Rank:
      3515

      Description

      One of our instructors who has a slight vision impairment has complained that the user profile photos are not large enough. 32 x 32 and 100 x 100 make sense as icon sizes (small and medium), but a third, larger size needs to be generated as well. Maybe 400 x 400. Something large enough that a person's face is easily recognizable in a typical photo.

      The instructor has mentioned filing an ADA complaint if this isn't addressed... so we're working on customizing our local moodle installation to get this done asap.

      Making the situation more difficult is the fact that Moodle throws out the source image when generating the 100 x 100 and 32 x 32 versions. So if we implement a larger size, we'll have to ask all of our site users (1000+) to upload their photos again.

      I know it would eat disk space, but it would be great it Moodle could store the original image in the user's data directory, so the smaller versions can be regenerated automatically when templates or needed image sizes change.

      -Garret

        Activity

        Hide
        Martin Dougiamas added a comment -

        Just a suggestion for s short-term fix, try changing the css to make the 100px images be displayed at 200x200 ... that may be enough for your instructor.

        Show
        Martin Dougiamas added a comment - Just a suggestion for s short-term fix, try changing the css to make the 100px images be displayed at 200x200 ... that may be enough for your instructor.
        Hide
        Garret Gengler added a comment -

        I edited this issue so it's associated with M2 as well.

        Our institution is upgrading to Moodle 2 in the coming few weeks. For years now, we have been running with some customizations to our 1.9 codebase that allow for larger photos. After upgrading, we are back to the tiny profile photos. I suspect the file system conversion didn't know what to do with my f3.jpg files.

        With many users now running laptops at 1920x1080p resolution, a 100x100 bio photo is too small to see facial detail. 35px35px is just a blur of color.

        I strongly suggest this gets addressed sooner rather than later. Typical display resolutions will only go up further in coming years. So Moodle sites will only get sillier looking as the images get smaller and the text gets larger.

        Since Moodle is throwing away the original uploaded file when it makes the 100x100 and 35x35 user pix, there is no way to increase the size without causing users to re-upload their pictures. (or display fuzzy images that are upscaled.)

        I'm going to work on a patch set for M2 that would take care of this. The customizations were trivial in 1.9.. but I suspect the files API will make it more difficult in M2.

        -Garret

        Show
        Garret Gengler added a comment - I edited this issue so it's associated with M2 as well. Our institution is upgrading to Moodle 2 in the coming few weeks. For years now, we have been running with some customizations to our 1.9 codebase that allow for larger photos. After upgrading, we are back to the tiny profile photos. I suspect the file system conversion didn't know what to do with my f3.jpg files. With many users now running laptops at 1920x1080p resolution, a 100x100 bio photo is too small to see facial detail. 35px35px is just a blur of color. I strongly suggest this gets addressed sooner rather than later. Typical display resolutions will only go up further in coming years. So Moodle sites will only get sillier looking as the images get smaller and the text gets larger. Since Moodle is throwing away the original uploaded file when it makes the 100x100 and 35x35 user pix, there is no way to increase the size without causing users to re-upload their pictures. (or display fuzzy images that are upscaled.) I'm going to work on a patch set for M2 that would take care of this. The customizations were trivial in 1.9.. but I suspect the files API will make it more difficult in M2. -Garret
        Hide
        Garret Gengler added a comment - - edited

        I've attached a patch set showing a possible set of changes to add a 300x300 pixel profile photo size. (patching against Moodle 2.2).

        The changes are relatively minor, affecting 8 source code files. I've also created an f3.png default picture.

        Please note that this is not production-ready code for existing moodle sites.

        The big detail I have not solved is how you would migrate existing 100px user photos to the larger size.

        We could scale up the 100px photos to 300px with a GD call, but that would look bad. Or we could make the view page just display the smaller photo with a note encouraging the user to re-upload to display a larger photo.

        Best,
        -Garret

        Show
        Garret Gengler added a comment - - edited I've attached a patch set showing a possible set of changes to add a 300x300 pixel profile photo size. (patching against Moodle 2.2). The changes are relatively minor, affecting 8 source code files. I've also created an f3.png default picture. Please note that this is not production-ready code for existing moodle sites. The big detail I have not solved is how you would migrate existing 100px user photos to the larger size. We could scale up the 100px photos to 300px with a GD call, but that would look bad. Or we could make the view page just display the smaller photo with a note encouraging the user to re-upload to display a larger photo. Best, -Garret

          People

          • Votes:
            4 Vote for this issue
            Watchers:
            6 Start watching this issue

            Dates

            • Created:
              Updated: