Lovelace 1.21.4: DropZone has no Tab stop
Lovelace 1.21.4 changes the DropZone component of the @ada-cx/lovelace design system.
DropZoneno longer renders a hidden keyboard drop button. That button was a Tab stop, and focus on it opened the drop panel.- The drop panel shows only while a drag is over the zone.
labelis now the panel heading only.
If your interface uses DropZone, also give a control that opens a file picker. Keyboard and screen reader users attach files with that control. See DropZone.
Lovelace 1.22.0: Three message tokens are deprecated, and screen readers speak every toast
Lovelace 1.22.0 deprecates three component tokens of the @ada-cx/lovelace design system. Lovelace components no longer read these tokens, so an override of them no longer changes message text.
message-content-default: usecolor-content-default. For the text in a user message, usemessage-user-content.message-content-font-size-body: usefont-size-body.message-content-line-height-body: useline-height-body.
The deprecated tokens stay in LovelaceOverridableToken and in tokens.css until the next major version. See Theming.
Lovelace 1.22.0 also fixes toast announcements. Before this release, NVDA, JAWS and VoiceOver did not speak a toast, because the toast region mounted with its text already in place.
ToastContainer now speaks each toast once, through live regions that it keeps in the page from its first render. An error toast interrupts the screen reader, and every other status waits its turn. A toast raised while a modal overlay is open is spoken at once. A string message is spoken as written. To speak an element message, set the new announcement field on the queue entry. See ToastContainer.
In the Messaging widget, screen readers now speak the settings confirmations, such as “Sound disabled” and “Transcript sent”, the connection recovery notices, and each refused image attachment.