1) What is your original issue/pain point you want to solve?
https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html
2) Which are one or two concrete situations where this problem hurts the most?
Overview listings, breadcrumbs, and icons.
3) Why is it not solvable with the Zammad standard?
Because Zammad core has disabled it
4) What is your expectation/what do you want to achieve?
There is no focus styling on a large proportion of the site. In fact it appears that it has been forceably disabled. Getting something in place isn’t too hard to do, just adding a outline in most cases.
ul.nav-pills a:focus,
a:focus > .menu-item-name,
a.nav-tab:focus,
a.list-button:focus,
.nav-pills.nav-stacked>li>a:focus,
.table-overview tr:focus,
.table-overview tr a:focus,
a.activity-body:focus,
.section a:focus,
a.breadcrumb:focus {
outline: 1px dashed orange !important;
outline-color: var(--text-link) !important;
}
// Also do this for hover states so more obvious
ul.nav-pills a:hover,
a:hover > .menu-item-name,
a.list-button:hover,
.nav-pills.nav-stacked>li>a:hover,
.table-overview tr:hover,
.table-overview tr a:hover
.table-hover>tbody>tr.item:hover,
.table-hover>tbody>tr.item.is-hover {
outline: 1px dashed orange !important;
outline-color: var(--background-active) !important;
}
a.nav-tab:hover,
.nav-pills.nav-stacked>li.active>a:hover,
.menu-item:hover {
outline: 1px dashed orange !important;
outline-color: white !important;
}