demarches-normaliennes/app/components/editable_champ/cnaf_component/cnaf_component.html.haml

.cnaf-inputs
  %div
    = @form.label :numero_allocataire, t('.numero_allocataire_label'), for: @champ.numero_allocataire_input_id
    %p.notice= t('.numero_allocataire_notice')
    = @form.text_field :numero_allocataire,
      required: @champ.required?,
      aria: { describedby: "#{@champ.describedby_id} #{@champ.error_id}" },
      class: "width-33-desktop", id: @champ.numero_allocataire_input_id

  %div
    = @form.label :code_postal, t('.code_postal_label'), for: @champ.code_postal_input_id
    %p.notice= t('.code_postal_notice')
    = @form.text_field :code_postal,
      required: @champ.required?,
      aria: { describedby: "#{@champ.describedby_id} #{@champ.error_id}" },
      class: "width-33-desktop",
      id: @champ.code_postal_input_id
component all the champ 2022-08-12 10:45:04 +02:00			`.cnaf-inputs`
			`%div`
a11y(bloc-repetable): ETQ usager qui navigue au clavier, lorsque j'ajoute un champs repetable, le focus vient sur le 1er champs du bloc repetable 2023-02-27 15:33:25 +01:00			`= @form.label :numero_allocataire, t('.numero_allocataire_label'), for: @champ.numero_allocataire_input_id`
component all the champ 2022-08-12 10:45:04 +02:00			`%p.notice= t('.numero_allocataire_notice')`
			`= @form.text_field :numero_allocataire,`
refactor(champ): add required? used for the `required` html attribute. It check visibility to avoid hidden required input which prevent the form from being sent. 2022-10-17 10:05:59 +02:00			`required: @champ.required?,`
add error_id to described_by 2024-10-22 16:53:07 +02:00			`aria: { describedby: "#{@champ.describedby_id} #{@champ.error_id}" },`
a11y(bloc-repetable): ETQ usager qui navigue au clavier, lorsque j'ajoute un champs repetable, le focus vient sur le 1er champs du bloc repetable 2023-02-27 15:33:25 +01:00			`class: "width-33-desktop", id: @champ.numero_allocataire_input_id`
component all the champ 2022-08-12 10:45:04 +02:00
			`%div`
a11y(bloc-repetable): ETQ usager qui navigue au clavier, lorsque j'ajoute un champs repetable, le focus vient sur le 1er champs du bloc repetable 2023-02-27 15:33:25 +01:00			`= @form.label :code_postal, t('.code_postal_label'), for: @champ.code_postal_input_id`
component all the champ 2022-08-12 10:45:04 +02:00			`%p.notice= t('.code_postal_notice')`
			`= @form.text_field :code_postal,`
refactor(champ): add required? used for the `required` html attribute. It check visibility to avoid hidden required input which prevent the form from being sent. 2022-10-17 10:05:59 +02:00			`required: @champ.required?,`
add error_id to described_by 2024-10-22 16:53:07 +02:00			`aria: { describedby: "#{@champ.describedby_id} #{@champ.error_id}" },`
a11y(bloc-repetable): ETQ usager qui navigue au clavier, lorsque j'ajoute un champs repetable, le focus vient sur le 1er champs du bloc repetable 2023-02-27 15:33:25 +01:00			`class: "width-33-desktop",`
			`id: @champ.code_postal_input_id`