Bug 39662

Summary: Register a new account page - X next to calendar is confusing, should use different button style
Product: Koha Reporter: kristinamason
Component: AccessibilityAssignee: Bugs List <koha-bugs>
Status: NEW --- QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low CC: dcook, martin.renvoize, matt.blenkinsop, oleonard
Version: MainKeywords: Academy
Hardware: All   
OS: All   
URL: http://localhost:8080/cgi-bin/koha/opac-memberentry.pl
GIT URL: Change sponsored?: ---
Patch complexity: --- Documentation contact:
Documentation submission: Text to go in the release notes:
Version(s) released in:
Circulation function:
Attachments: Form screenshot

Description kristinamason 2025-04-17 06:48:22 UTC
Created attachment 181050 [details]
Form screenshot

To reproduce: load http://localhost:8080/cgi-bin/koha/opac-memberentry.pl

Issue: 
On the "Register a new account" page, next to the calendar there is a red X. To a new user, like me, it looks like an error message. I had to ask to receive clarification that it actually clears the field. 

It would be more clear to the user if the X were styled differently to look like a button, and not red like an error. 

This issue might be present on other forms. 

I've attached an example of a button style that might be more user friendly.
Comment 1 Katrin Fischer 2025-04-17 07:43:59 UTC
The calendar widget looks indeed the same everywhere, so the red x is on all date fields. I agree that red and x might not give a clear message and I think there have been questions about it before. I am not sure if "clear" is needed, but maybe we could do better with color and symbol/icon.

Clear is nice and short in English, but in translation to German for example, it's not and that would take a lot of space in filters etc.
Comment 2 kristinamason 2025-04-17 07:56:58 UTC
Hello Katrin, thank you so much. I updated the bug text earlier to suggest exactly what you've said. I've attached a button example of what I mean.
Comment 3 Owen Leonard 2025-04-17 11:58:48 UTC
FYI you could add this to the IntranetUserCSS system preference to get what you want:

a.clear_date {
    color: #AAA;
}

a.clear_date::before {
    content: "\f057";
}