usager/dossiers: the link to the dossier is present:
- in the 'N° de dossier' column for mouse users and screen reader users. - in the 'Démarche' column for mouse users, screen reader users and keyboard users. Also added a sr-only class for text which should be read by screen-readers but not visible or accessible to other users
This commit is contained in:
parent
748672a7df
commit
73ee4d69ca
2 changed files with 22 additions and 13 deletions
|
@ -67,6 +67,7 @@
|
||||||
.label {
|
.label {
|
||||||
width: 110px;
|
width: 110px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 0 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,3 +85,16 @@
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sr-only {
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
opacity: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
white-space: nowrap;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
|
@ -29,36 +29,31 @@
|
||||||
%table.table.dossiers-table.hoverable
|
%table.table.dossiers-table.hoverable
|
||||||
%thead
|
%thead
|
||||||
%tr
|
%tr
|
||||||
%th.notification-col
|
|
||||||
%th.number-col Nº dossier
|
%th.number-col Nº dossier
|
||||||
%th Démarche
|
%th Démarche
|
||||||
- if @dossiers.count > 1
|
- if @dossiers.count > 1
|
||||||
%th Demandeur
|
%th Demandeur
|
||||||
%th.status-col Statut
|
%th.status-col Statut
|
||||||
%th.updated-at-col Mis à jour
|
%th.updated-at-col Mis à jour
|
||||||
%th
|
%th.sr-only Actions
|
||||||
%tbody
|
%tbody
|
||||||
- @dossiers.each do |dossier|
|
- @dossiers.each do |dossier|
|
||||||
%tr{ data: { 'dossier-id': dossier.id } }
|
%tr{ data: { 'dossier-id': dossier.id } }
|
||||||
%td.folder-col
|
|
||||||
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
|
||||||
%span.icon.folder
|
|
||||||
%td.number-col
|
%td.number-col
|
||||||
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
= link_to(url_for_dossier(dossier), class: 'cell-link', tabindex: -1) do
|
||||||
|
%span.icon.folder
|
||||||
= dossier.id
|
= dossier.id
|
||||||
%td
|
%td
|
||||||
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
||||||
= procedure_libelle(dossier.procedure)
|
= procedure_libelle(dossier.procedure)
|
||||||
- if @dossiers.count > 1
|
- if @dossiers.count > 1
|
||||||
%td.number-col
|
%td.cell-link
|
||||||
= demandeur_dossier(dossier)
|
= demandeur_dossier(dossier)
|
||||||
%td.status-col
|
%td.status-col
|
||||||
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
= status_badge(dossier.state)
|
||||||
= status_badge(dossier.state)
|
%td.updated-at-col.cell-link
|
||||||
%td.updated-at-col
|
= try_format_date(dossier.updated_at)
|
||||||
= link_to(url_for_dossier(dossier), class: 'cell-link') do
|
%td.action-col
|
||||||
= try_format_date(dossier.updated_at)
|
|
||||||
%td.action-col.action-col
|
|
||||||
= render partial: 'dossier_actions', locals: { dossier: dossier }
|
= render partial: 'dossier_actions', locals: { dossier: dossier }
|
||||||
= paginate(@dossiers)
|
= paginate(@dossiers)
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue