Refactor Program.cs to use async Run method for improved performance. Update index.html to specify language attribute for accessibility. Enhance BumperTemplateEditor and ScheduleGrid components by replacing divs with buttons for better keyboard accessibility. Improve TemplatePreview sorting logic and optimize episode regex handling. Add close button to ToastItem for better user interaction. Update localization files to include 'close' translations. Refactor CardTitle to ensure screen reader compatibility by explicitly rendering children.

2026-07-26 22:35:36 +03:00
parent b0740503bb
commit 0f0657e523
14 changed files with 75 additions and 26 deletions
@@ -33,11 +33,15 @@ export function SortHeader({
  const active = sort.key === sortKey
  const Icon = !active ? ChevronsUpDown : sort.desc ? ArrowDown : ArrowUp
  return (
-    <th className={cn('px-4 py-2 font-medium', className)}>
+    // aria-sort — атрибут заголовка столбца, а не кнопки внутри него: у роли button его нет,
+    // и скринридер там его просто не прочтёт.
+    <th
+      className={cn('px-4 py-2 font-medium', className)}
+      aria-sort={active ? (sort.desc ? 'descending' : 'ascending') : 'none'}
+    >
      <button
        type="button"
        onClick={() => onToggle(sortKey)}
-        aria-sort={active ? (sort.desc ? 'descending' : 'ascending') : 'none'}
        className={cn(
          'inline-flex items-center gap-1 hover:text-foreground',
          active && 'text-foreground',