feat: enhance accessibility by adding ARIA attributes and focus styles; improve canvas and button elements

2026-07-11 11:28:57 +02:00
parent 53cf25c132
commit d8fdd43416
8 changed files with 89 additions and 18 deletions
--- a/view/GenerateSheet.tsx
+++ b/view/GenerateSheet.tsx
@@ -13,6 +13,7 @@ export type GenerateSheetProps = {
 export function GenerateSheet({ settings, resources, open, dispatch }: GenerateSheetProps) {
  return (
    <aside
+      id="generate-sheet"
      aria-hidden={!open}
      aria-label="Generate settings"
      className={`pointer-events-auto absolute bottom-6 right-4 top-24 z-20 flex w-[28rem] max-w-[calc(100vw-2rem)] flex-col overflow-hidden rounded-[2.5rem] px-4 text-sm text-white backdrop-blur-xl transition-all duration-200 ${