Skip to content
This repository has been archived by the owner on Dec 2, 2022. It is now read-only.

Make manual completion more obvious to students #809

Open
mkpelletier opened this issue Feb 10, 2017 · 10 comments
Open

Make manual completion more obvious to students #809

mkpelletier opened this issue Feb 10, 2017 · 10 comments
Assignees

Comments

@mkpelletier
Copy link
Contributor

I frequently find that students get tripped up by manual completion items. This problem is more frequent in places where an institution may use automatic completion tracking 90% of the time. The students are then conditioned to expect the box to tick off when they interact with the activity or resources. Furthermore, there is not a significant enough graphical distinction in the icons to help users see there is a difference.

This might be a trivial but important UX development. I know we can already resolve this with additional CSS, but I thought it worth suggesting as an easy thing to implement in the theme.

Thoughts?

@gjb2048
Copy link
Owner

gjb2048 commented Feb 10, 2017

Hi Mathieu,

It would be possible to change in a theme.

Gareth

@gjb2048
Copy link
Owner

gjb2048 commented Jun 12, 2018

Is this still wanted?

@mkpelletier
Copy link
Contributor Author

I think it is a good idea, but realise your time is precious. I have already put something into our site CSS to provide some sort of graphical distinction. I don't know if others see it as a problem or not.

@gjb2048
Copy link
Owner

gjb2048 commented Jun 12, 2018

Hi Mathieu,

Could you post a screen shot and the CSS so I can visualise what you mean. Then I can consider it.

Gareth

@mkpelletier
Copy link
Contributor Author

Sure thing. I have a couple of deadlines that I am chasing, so it might have to wait until Friday or perhaps next week.

@gjb2048
Copy link
Owner

gjb2048 commented Jun 12, 2018

No problem, its been a while anyway ;)

@mkpelletier
Copy link
Contributor Author

Hi Gareth,
As promised:
/make manual completion more obvious/
img[src*="completion-manual-n"] {
background-color: #fff000;
}

This is a bit hacky, though and doesn't look great. Perhaps you can think of a better way to do this?

@mkpelletier
Copy link
Contributor Author

On other issue with the above is accessibility. Perhaps a different icon or something?

@gjb2048
Copy link
Owner

gjb2048 commented Jun 29, 2018

If it needs a different icon, the surely that would be a serious core issue?

@gjb2048
Copy link
Owner

gjb2048 commented Jun 29, 2018

Humm, interesting solution, need to think, I like it!

@gjb2048 gjb2048 removed the Question label Jun 29, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants