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:
Judith 2020-06-23 14:55:17 +02:00 committed by jpoulvel (Rebase PR Action)
parent 748672a7df
commit 73ee4d69ca
2 changed files with 22 additions and 13 deletions

View file

@ -67,6 +67,7 @@
.label {
width: 110px;
text-align: center;
margin: 0 4px;
}
}
@ -84,3 +85,16 @@
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;
}

View file

@ -29,36 +29,31 @@
%table.table.dossiers-table.hoverable
%thead
%tr
%th.notification-col
%th.number-col Nº dossier
%th Démarche
- if @dossiers.count > 1
%th Demandeur
%th.status-col Statut
%th.updated-at-col Mis à jour
%th
%th.sr-only Actions
%tbody
- @dossiers.each do |dossier|
%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
= 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
%td
= link_to(url_for_dossier(dossier), class: 'cell-link') do
= procedure_libelle(dossier.procedure)
- if @dossiers.count > 1
%td.number-col
%td.cell-link
= demandeur_dossier(dossier)
%td.status-col
= link_to(url_for_dossier(dossier), class: 'cell-link') do
= status_badge(dossier.state)
%td.updated-at-col
= link_to(url_for_dossier(dossier), class: 'cell-link') do
= try_format_date(dossier.updated_at)
%td.action-col.action-col
= status_badge(dossier.state)
%td.updated-at-col.cell-link
= try_format_date(dossier.updated_at)
%td.action-col
= render partial: 'dossier_actions', locals: { dossier: dossier }
= paginate(@dossiers)