DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Replace aria-live with focus shift

Browse source
This commit is contained in:
Corinne Durrmeyer 2024-07-29 18:09:15 +02:00 committed by Paul Chavard
parent f6a34f1b4c
commit 523a295be0
No known key found for this signature in database
4 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/components/dsfr/input_component/input_component.en.yml
View file

@ -4,4 +4,5 @@ en:
aria_label: "Show password"
label: "Show"
email_suggest:
wanna_say: 'Do you mean to say ?'
mistake: "The address seems wrong"
wanna_say: "Do you mean to say:"

3
app/components/dsfr/input_component/input_component.fr.yml
View file

@ -4,4 +4,5 @@ fr:
aria_label: "Afficher le mot de passe"
label: "Afficher"
email_suggest:
wanna_say: 'Voulez-vous dire ?'
mistake: "L'adresse semble erronée"
wanna_say: "Vouliez-vous écrire :"

10
app/components/dsfr/input_component/input_component.html.haml
View file

@ -29,10 +29,14 @@
%label.fr--password__checkbox.fr-label{ for: show_password_id }= t('.show_password.label')
- if email?
.suspect-email.hidden{ data: { "email-input-target": 'ariaRegion'}, aria: { live: 'off' } }
= render Dsfr::AlertComponent.new(title: t('.email_suggest.wanna_say'), state: :info, heading_level: :div) do |c|
.suspect-email.hidden{ data: { "email-input-target": 'ariaRegion' }, tabindex: '-1' }
= render Dsfr::AlertComponent.new(title: t('.email_suggest.mistake'), state: '', extra_class_names: 'fr-alert--info' ) do |c|
- c.with_body do
%p{ data: { "email-input-target": 'suggestion'} } exemple@gmail.com  ?
%p
= t('.email_suggest.wanna_say')
%span{ data: { "email-input-target": 'suggestion'} }
exemple@gmail.com
= "?"
%p
= button_tag type: 'button', class: 'fr-btn fr-btn--sm fr-mr-3w', data: { action: 'click->email-input#accept'} do
= t('utils.yes')

2
app/javascript/controllers/email_input_controller.ts
View file

@ -39,7 +39,7 @@ export class EmailInputController extends ApplicationController {
if (data && data.suggestions && data.suggestions.length > 0) {
this.suggestionTarget.innerHTML = data.suggestions[0];
show(this.ariaRegionTarget);
this.ariaRegionTarget.setAttribute('aria-live', 'assertive');
this.ariaRegionTarget.focus();
}
}