[wp-trac] [WordPress Trac] #48345: Add Caps lock message to login screen

[WordPress Trac]

#48345: Add Caps lock message to login screen
-------------------------------------------------+-------------------------
 Reporter:  dartiss                              |       Owner:  (none)
     Type:  feature request                      |      Status:  new
 Priority:  normal                               |   Milestone:  Future
                                                 |  Release
Component:  Login and Registration               |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch dev-feedback has-          |     Focuses:  ui,
  screenshots has-test-info needs-design-        |  accessibility
  feedback                                       |
-------------------------------------------------+-------------------------
Changes (by SirLouen):

 * keywords:  has-patch needs-design-feedback changes-requested needs-
     testing =>
     has-patch dev-feedback has-screenshots has-test-info needs-design-
     feedback


Comment:

 == Test Report
 === Description
 ✅ This report is a
 [https://core.trac.wordpress.org/ticket/48345?replyto=21#comment:16
 follow-up of this other report] and validates that the indicated patch
 works as expected.

 Patch tested: https://github.com/WordPress/wordpress-
 develop/pull/8726.diff

 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.28
 - Server: nginx/1.27.5
 - Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
 - Browser: Chrome 136.0.0.0
 - OS: Windows 10/11
 - Theme: Twenty Twenty-Five 1.2
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0

 === Expected Results
 1. Go to login page: `/wp-login.php`
 2. Start typing in the pass input with Caps Lock enable
 3. "Cap Lock is on" Message appears

 1. Go to New user page: `/wp-admin/user-new.php`
 2. Start typing in the pass input with Caps Lock enabled
 3. "Cap Lock is on" Message appears
 4. The message pops while the system is loading the next screen (and it
 shouldn't, demo video attached)

 === Actual Results
 1. ✅ Message appears for both Login page and New user page
 2. ✅ Issue with the sudden popup during loading is resolved.
 3. ❓ I could not test behavior under native MacOS conditions. Pending
 this test to full pass

 === Additional Notes
 1. The color palette is correct according to the
 [https://www.figma.com/design/HOJTpCFfa3tR0EccUlu0CM/WordPress.org-Design-
 Library?node-id=1-2193&p=f official colors]
 2. The selection of red colors could be appropriate, given that this in
 the alert category according to
 [https://getbootstrap.com/docs/4.0/components/alerts/ Bootstrap's color
 convention]. Also, yellow palette could be an option according to
 [https://carbondesignsystem.com/patterns/notification-pattern
 /#notification-status Carbon Design System] standards regarding
 notifications. Personally, I believe that both could work, although yellow
 seems to be the most common choice for these kinds of notifications.
 3. I could not test under macOS conditions @johnbillion, given that you
 were who commented this, could you test it?

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48345#comment:22>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform