Finish the keyboards, and say a state once
Shift+M and Shift+Y reach the month and year dropdowns, which is M3's date picker keyboard table; Home and End go to the ends of an open combobox list, and stay the field's own caret keys when it is closed. The password reveal drops aria-pressed and keeps only its flipping label, so a screen reader hears the state once rather than twice and inverted. The radio's `inline` now says that M3 cautions against a row and wants an option chosen on load. Plan step 20, findings IN-22, IN-23, IN-28 and IN-29. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
856b6f476b
commit
0074f9bd5c
@@ -1,7 +1,9 @@
|
||||
{{-- A password field, with M3's trailing eye to show what was typed.
|
||||
|
||||
The eye flips the control's `type` and nothing else, so the value never leaves the field and a
|
||||
password manager still sees a password input on load. Its label says what pressing it will do.
|
||||
password manager still sees a password input on load. Its label says what pressing it will do —
|
||||
M3's own pattern for an interactive trailing icon ("Show password" / "Hide password") — and it
|
||||
carries no `aria-pressed`, which would say the state a second time and the other way round.
|
||||
`label`, `hint`, `icon`, `variant`, `size`; every other attribute reaches the `<input>`
|
||||
(`autocomplete="current-password"`, `wire:model`). --}}
|
||||
|
||||
@@ -39,9 +41,7 @@
|
||||
type="button"
|
||||
x-on:click="shown = ! shown"
|
||||
x-bind:aria-label="shown ? @js(__('Hide password')) : @js(__('Show password'))"
|
||||
x-bind:aria-pressed="shown"
|
||||
aria-label="{{ __('Show password') }}"
|
||||
aria-pressed="false"
|
||||
class="field-trailing field-button"
|
||||
data-field-reveal
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user