Issue Details (XML | Word | Printable)

Key: MDL-14932
Type: Improvement Improvement
Status: Closed Closed
Resolution: Fixed
Priority: Minor Minor
Assignee: Dongsheng Cai
Reporter: Wen Hao Chuang
Votes: 0
Watchers: 4
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle

Improve accessibility of 'assign role' button and the consistency of the UI in bulk user actions page

Created: 21/May/08 08:53 AM   Updated: 22/Jul/08 08:27 PM
Component/s: Accessibility, Administration, Roles
Affects Version/s: 1.6.6, 1.7.4, 1.8.5, 1.9.1
Fix Version/s: 1.7.5, 1.8.6, 1.9.2

File Attachments: 1. File changeset_r1257.diff (1 kB)
2. Text File MDL-14932.patch (3 kB)
3. File MDL14932.diff (2 kB)

Image Attachments:

1. Assign_Roles_arrow_keys.png
(71 kB)

2. bulk_user_action.png
(140 kB)

3. group-button.jpg
(29 kB)

4. group_assign.png
(108 kB)
Issue Links:
Dependency
 

Database: Any
Participants: Anthony Borrow, Dongsheng Cai, Eloy Lafuente (stronk7), Martin Dougiamas, Petr Škoda (skodak), Séverin Terrier and Wen Hao Chuang
Security Level: None
QA Assignee: Petr Škoda (skodak)
Resolved date: 14/Jul/08
Affected Branches: MOODLE_16_STABLE, MOODLE_17_STABLE, MOODLE_18_STABLE, MOODLE_19_STABLE
Fixed Branches: MOODLE_17_STABLE, MOODLE_18_STABLE, MOODLE_19_STABLE


 Description  « Hide
Currently the GUI is displaying a LEFT and RIGHT arrows (see screenshot), but this does not work well with screen readers such as JAWS. For better accessibility we have proposed a patch (see attached) to spell out the ADD and REMOVE.
  • Improve the consistency of the UI in bulk user actions page.


 All   Comments   Change History   Version Control      Sort Order: Ascending order - Click to sort in descending order
Wen Hao Chuang added a comment - 22/May/08 02:36 AM
OK I'm adding Martin D to the watch list as we discussed few months ago. Martin please let me know what you think, thanks!

Eloy Lafuente (stronk7) added a comment - 22/May/08 08:46 AM
Assigning this to Dongsheng... my +1 for it (18_STABLE, 19_STABLE and HEAD). Ask MD for confirmation, please.

Thanks for report and patch Wen!

Ciao


Martin Dougiamas added a comment - 22/May/08 10:36 AM
Quick comments: take out the inline styles (must be in theme), and: would this get big in other languages? Can we not use alt tags or something similar for JAWS?

Dongsheng Cai added a comment - 22/May/08 12:35 PM
The inline styles are taken out from the file, put a new patch here.

Dongsheng Cai added a comment - 28/May/08 09:54 AM
It seems nobody oppose the new patch, see I committed the improvement. Feel free to reopen. Thanks

Wen Hao Chuang added a comment - 03/Jun/08 06:40 AM - edited
Dear Dongsheng, just my $0.02, I think you added the changes in styles_layout.css at the bottom, maybe in the future we could add it to corresponding sections in the styles_layout.css as there are many sections in styles_layout.css? For this change maybe it should go into the admin section? Just my humble opinion...so if I may I'm reopening this one for now so that we could add the

#add, #remove {
width: 100px;
height: 35px
}
#add {
text-align: left;
}
#remove {
text-align: right;
}

to the *** Course section (around line #1729), what do people think? Thanks!


Dongsheng Cai added a comment - 05/Jun/08 02:26 PM
Wenhao, fixed, please review.

Petr Škoda (skodak) added a comment - 10/Jun/08 11:18 PM
thanks

Séverin Terrier added a comment - 11/Jun/08 03:35 PM
I'm not sure this change is a good idea.
It takes more space on the screen, and let less place for usefull information
Would it be possible to put these as Alt text, as MartinD suggested ?

And the text is not entirely shown (see attachment)


Petr Škoda (skodak) added a comment - 11/Jun/08 04:02 PM
hmm, I like it - I had problems with the old arrows in "non-standard" browsers

Dongsheng Cai added a comment - 13/Jun/08 02:19 PM
Hi, Séverin, alt text is for image input.

Dongsheng Cai added a comment - 13/Jun/08 02:36 PM
so...
Should I revert to the old version?

Wen Hao Chuang added a comment - 14/Jun/08 04:56 AM
This fix was mainly to address "accessibility" issues (for screen readers like JAWS), although it might have some pros and cons with "usability". I guess more and more universities will be following similar accessible technology initiative like the CSU one (see: http://www.calstate.edu/accessibility/), which is why I would vote to keep this fix in the core (to reduce trouble for most schools to have to keep this as their local customization). Just my 2 cents.

Séverin, which Web browser with what resolution did you use to generate that cut-off "remove" button for your screenshot? Just curious.. thanks!


Martin Dougiamas added a comment - 14/Jun/08 01:58 PM
Yes don't revert, because

1) Different languages can choose appropriate strings there (including "" if they must).

2) The cutoff thing looks like a CSS bug perhaps? It can probably be fixed.


Dongsheng Cai added a comment - 16/Jun/08 09:25 PM - edited
Séverin, are you using the old version IE?

Séverin Terrier added a comment - 07/Jul/08 04:08 PM
Sorry for the late answer, didn't see all comments.

I think i was tired when putting this comment : it's related to group assignment

I've just tested latest CVS version, with Firefox 3 (i was using 2.0.0.14 when putting my first comment), and there are no alignment problem in role assignment, and text is all visible

But, for group assignment, problem is still there : text isn't all contained (in french), and the arrows are not the same (the two on the left) as in role assignment (one arrow on the left, the other one on the right). Would be good if interface was consistent


Dongsheng Cai added a comment - 08/Jul/08 02:36 PM
I attached another patch here, it fixed the button in group assigning page, tested in French, English and Chinese.

Martin Dougiamas added a comment - 11/Jul/08 10:09 AM
Dongsheng, I don't see any changes in that patch (except for white space) ... is something missing?

Anthony Borrow added a comment - 11/Jul/08 10:28 AM
group assignment screen shot

Dongsheng Cai added a comment - 11/Jul/08 10:30 AM
Sorry, I attached a wrong file

Martin Dougiamas added a comment - 11/Jul/08 10:37 AM
No probs, can you also look at the Bulk user actions screen to see if it's possible to use the same screen there? admin/user/user_bulk.php

Anthony Borrow added a comment - 11/Jul/08 10:39 AM
Dongsheng - I've added a screen shot of the bulk user action page so you can see what it looks like which is very similar to what you've been doing in fixing up this one. I'll had that this issue has some type of relationship to MDL-13557 Peace - Anthony

Anthony Borrow added a comment - 11/Jul/08 10:42 AM
If Dongsheng is able to work on the bulk user actions page (/admin/user/user_bulk.php) it will help to improve the consistency of the user interface and thus help address the question of MDL-13557's UI

Dongsheng Cai added a comment - 11/Jul/08 10:59 AM
I removed the space in add/delete button, and align the text in the center of the button, not sure if this is the best practice, because different language has different length.

Dongsheng Cai added a comment - 11/Jul/08 11:01 AM
Hi, Anthony, no problem, I will work on bulk user page.

Dongsheng Cai added a comment - 11/Jul/08 01:33 PM
The buttons are fixed in 1.7, 1.8, 1.9 and HEAD.

Petr Škoda (skodak) added a comment - 22/Jul/08 08:27 PM
works for now, thanks