[bugfix/frontend] Fix accessibility/focus issues in settings + web ui

This commit is contained in:
tobi 2025-04-09 12:56:04 +02:00
commit bfee7041c0
23 changed files with 380 additions and 152 deletions

View file

@ -65,20 +65,23 @@ export default function HeaderPermsOverview() {
} = useGetHeaderAllowsQuery(NoArg, { skip: permType !== "allow" });
const itemToEntry = (perm: HeaderPermission) => {
const onClick = () => {
// When clicking on a header perm,
// go to the detail view for perm.
setLocation(`/${permType}s/${perm.id}`, {
// Store the back location in
// history so the detail view
// can use it to return here.
state: { backLocation: location }
});
};
return (
<dl
key={perm.id}
className="entry pseudolink"
onClick={() => {
// When clicking on a header perm,
// go to the detail view for perm.
setLocation(`/${permType}s/${perm.id}`, {
// Store the back location in
// history so the detail view
// can use it to return here.
state: { backLocation: location }
});
}}
onClick={onClick}
onKeyDown={e => e.key === "Enter" && onClick()}
role="link"
tabIndex={0}
>