[Bug 39662] New: Register a new account page - X next to calendar is confusing, should say "Clear"
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Bug ID: 39662 Summary: Register a new account page - X next to calendar is confusing, should say "Clear" Change sponsored?: --- Product: Koha Version: Main Hardware: All URL: http://localhost:8080/cgi-bin/koha/opac-memberentry.pl OS: All Status: NEW Keywords: Academy Severity: enhancement Priority: P5 - low Component: Accessibility Assignee: koha-bugs@lists.koha-community.org Reporter: kristinamason@fastmail.com QA Contact: testopia@bugs.koha-community.org CC: martin.renvoize@openfifth.co.uk, matt.blenkinsop@openfifth.co.uk, oleonard@myacpl.org Created attachment 181050 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=181050&action=edit 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. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 David Cook <dcook@prosentient.com.au> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |dcook@prosentient.com.au -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 kristinamason@fastmail.com changed: What |Removed |Added ---------------------------------------------------------------------------- Summary|Register a new account page |Register a new account page |- X next to calendar is |- X next to calendar is |confusing, should say |confusing, should use |"Clear" |different button style -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #1 from Katrin Fischer <katrin.fischer@bsz-bw.de> --- 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. -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #2 from kristinamason@fastmail.com --- 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. -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- 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"; } -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Laura Escamilla <Laura.escamilla@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|NEW |Needs Signoff -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #4 from Laura Escamilla <Laura.escamilla@bywatersolutions.com> --- Created attachment 185935 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=185935&action=edit Bug 39662: Updated x icon color to grey instead of red -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #5 from Laura Escamilla <Laura.escamilla@bywatersolutions.com> --- Created attachment 185936 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=185936&action=edit Bug 39662: Changed X icon to a circle-x To test: 1. load http://localhost:8080/cgi-bin/koha/opac-memberentry.pl 2. Notice that next to the date of birth calendar there is a red X. To some users it looks like an error message. 3. Apply the patch. Do a yarn build and restart_all. Then clear your local browser cache if necessary. 4. Retry step 1. 5. Notice that the X next to the date of birth calendar is now a circle x icon. The color has also been changed to a grey. You can further test this using a WCAG contrast checker if you choose. 6. Make sure that you can add and clear dates using the new icon. 7. Sign off — have an amazing day! :D -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Laura Escamilla <Laura.escamilla@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |Laura.escamilla@bywatersolu | |tions.com Assignee|koha-bugs@lists.koha-commun |Laura.escamilla@bywatersolu |ity.org |tions.com -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Noah <noah.tremblay@inlibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Noah <noah.tremblay@inlibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #185936|0 |1 is obsolete| | --- Comment #6 from Noah <noah.tremblay@inlibro.com> --- Created attachment 186175 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=186175&action=edit Bug 39662: Changed X icon to a circle-x To test: 1. load http://localhost:8080/cgi-bin/koha/opac-memberentry.pl 2. Notice that next to the date of birth calendar there is a red X. To some users it looks like an error message. 3. Apply the patch. Do a yarn build and restart_all. Then clear your local browser cache if necessary. 4. Retry step 1. 5. Notice that the X next to the date of birth calendar is now a circle x icon. The color has also been changed to a grey. You can further test this using a WCAG contrast checker if you choose. 6. Make sure that you can add and clear dates using the new icon. 7. Sign off — have an amazing day! :D Signed-off-by: noah <noah@inlibro.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Lucas Gass (lukeg) <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |lucas@bywatersolutions.com --- Comment #7 from Lucas Gass (lukeg) <lucas@bywatersolutions.com> --- Should this change also be made in the staff interface? If red makes one assume an error wouldn't grey make one assume disabled? -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Nick Clemens (kidclamp) <nick@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |nick@bywatersolutions.com Status|Signed Off |Failed QA -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #8 from Owen Leonard <oleonard@myacpl.org> --- I don't think this update makes the form any clearer. A grey circle-x would be familiar to the user from mobile interfaces if the control were placed inside the form field. The other way I can think to make it clearer is to go back to having the full text, "Clear date." -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Laura Escamilla <Laura.escamilla@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Failed QA |Needs Signoff -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 Laura Escamilla <Laura.escamilla@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #185935|0 |1 is obsolete| | Attachment #186175|0 |1 is obsolete| | --- Comment #9 from Laura Escamilla <Laura.escamilla@bywatersolutions.com> --- Created attachment 192462 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=192462&action=edit Bug 39662: CSS styling for clear date button -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #10 from Laura Escamilla <Laura.escamilla@bywatersolutions.com> --- Created attachment 192463 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=192463&action=edit Bug 39662: Accessiblity updates to the clear button To test: 1. Load http://localhost:8080/cgi-bin/koha/opac-memberentry.pl. 2. Note that next to the date of birth calendar there is an X icon which may appear as an error indicator. 3. Apply the patch. Run a yarn build and restart_all, then clear your browser cache if necessary. 4. Reload the page from step 1. 5. Confirm that the X icon is now a circle-X with neutral styling and no longer resembles an error indicator. 6. Verify that the control is clearly interactive: * You can add a date and clear it using the icon * The icon can be focused via keyboard and activated with Enter or Space 7. Sign off — have an amazing day! :D -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 --- Comment #11 from Laura Escamilla <Laura.escamilla@bywatersolutions.com> --- Thanks for the feedback! I’ve revised this to improve accessibility and clarity: the control now has an explicit accessible name, keyboard activation, visible focus, and neutral styling to avoid error semantics, while keeping the icon-only UI to avoid translation/layout issues. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #192462|0 |1 is obsolete| | --- Comment #12 from David Nind <david@davidnind.com> --- Created attachment 194196 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=194196&action=edit Bug 39662: CSS styling for clear date button Signed-off-by: David Nind <david@davidnind.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=39662 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #192463|0 |1 is obsolete| | --- Comment #13 from David Nind <david@davidnind.com> --- Created attachment 194197 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=194197&action=edit Bug 39662: Accessiblity updates to the clear button To test: 1. Load http://localhost:8080/cgi-bin/koha/opac-memberentry.pl. 2. Note that next to the date of birth calendar there is an X icon which may appear as an error indicator. 3. Apply the patch. Run a yarn build and restart_all, then clear your browser cache if necessary. 4. Reload the page from step 1. 5. Confirm that the X icon is now a circle-X with neutral styling and no longer resembles an error indicator. 6. Verify that the control is clearly interactive: * You can add a date and clear it using the icon * The icon can be focused via keyboard and activated with Enter or Space 7. Sign off — have an amazing day! :D Signed-off-by: David Nind <david@davidnind.com> -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon＠bugs.koha-community.org