접근성 체크 박스 (적절한 링크 텍스트)

apps/common/features/src/entities/posting/ui/posting-dialog.tsx

@@ -261,6 +261,8 @@ function PostingDialog({ postingType, postingTargets }: PostingDialogProps) {
               <TableRow>
                 <TableHead className="!px-0">
                   <Checkbox
+                    aria-label="전체 선택"
+                    title="전체 선택"
                     checked={isAllSelected}
                     onCheckedChange={handleSelectAll}
                   />
@@ -274,6 +276,8 @@ function PostingDialog({ postingType, postingTargets }: PostingDialogProps) {
                 <TableRow key={site.siteId}>
                   <TableCell align="center" className="!px-0">
                     <Checkbox
+                      aria-label="행 선택"
+                      title="행 선택"
                       checked={selectedRows.includes(i)}
                       onCheckedChange={() => handleSelectRow(i)}
                     />

apps/common/features/src/widgets/post/model/grid-view-table-columns.tsx

@@ -22,6 +22,8 @@ export const createColumns = (
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -39,6 +41,8 @@ export const createColumns = (
           <div className="flex flex-col gap-4">
             <div className="flex items-center gap-2">
               <Checkbox
+                aria-label="행 선택"
+                title="행 선택"
                 checked={row.getIsSelected()}
                 onClick={(e) => e.stopPropagation()}
                 onCheckedChange={(checked) => row.toggleSelected(!!checked)}
@@ -86,6 +90,8 @@ export const createColumns = (
               <div className="flex flex-col gap-4">
                 <div className="flex items-center gap-2">
                   <Checkbox
+                    aria-label="행 선택"
+                    title="행 선택"
                     checked={row.getIsSelected()}
                     onClick={(e) => e.stopPropagation()}
                     onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/common/features/src/widgets/post/model/post-table-columns.tsx

@@ -9,6 +9,8 @@ export const columns: ColumnDef<Post & { isUpndFixPost?: boolean }>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -19,6 +21,8 @@ export const columns: ColumnDef<Post & { isUpndFixPost?: boolean }>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/entities/posting/ui/posting-dialog.tsx

@@ -279,6 +279,8 @@ function PostingDialog({
               <TableRow>
                 <TableHead className="!px-0">
                   <Checkbox
+                    aria-label="전체 선택"
+                    title="전체 선택"
                     checked={isAllSelected}
                     onCheckedChange={handleSelectAll}
                   />
@@ -292,6 +294,8 @@ function PostingDialog({
                 <TableRow key={site.siteId}>
                   <TableCell align="center" className="!px-0">
                     <Checkbox
+                      aria-label="행 선택"
+                      title="행 선택"
                       checked={selectedRows.includes(i)}
                       onCheckedChange={() => handleSelectRow(i)}
                     />

apps/cs/src/pages/admin/ui/manager-ip-dialog.tsx

@@ -181,6 +181,8 @@ function ManagerIpDialog({ userUnqId }: ManagerIpDialogProps) {
                   <TableRow>
                     <TableHead className="!px-0">
                       <Checkbox
+                        aria-label="전체 선택"
+                        title="전체 선택"
                         checked={isAllSelected}
                         onCheckedChange={handleSelectAll}
                       />
@@ -195,6 +197,8 @@ function ManagerIpDialog({ userUnqId }: ManagerIpDialogProps) {
                       <TableRow key={field.id}>
                         <TableCell align="center" className="!px-0">
                           <Checkbox
+                            aria-label="행 선택"
+                            title="행 선택"
                             checked={selectedRows.includes(i)}
                             onCheckedChange={() => handleSelectRow(i)}
                           />

apps/cs/src/pages/banner/model/banner-table-columns.tsx

@@ -16,6 +16,8 @@ export const createColumns = (
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -26,6 +28,8 @@ export const createColumns = (
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/banner/model/posting-table-columns.tsx

@@ -10,6 +10,8 @@ export const columns: ColumnDef<Post>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -20,6 +22,8 @@ export const columns: ColumnDef<Post>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/image/model/image-table-columns.tsx

@@ -11,6 +11,8 @@ export const columns: ColumnDef<Image>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -21,6 +23,8 @@ export const columns: ColumnDef<Image>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/image/model/posting-table-columns.tsx

@@ -10,6 +10,8 @@ export const columns: ColumnDef<Post>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -20,6 +22,8 @@ export const columns: ColumnDef<Post>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/organization/model/add-user-table-columns.tsx

@@ -8,6 +8,8 @@ export const columns: ColumnDef<SearchUser>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onCheckedChange={(checked) =>
           table.toggleAllPageRowsSelected(!!checked)
@@ -17,6 +19,8 @@ export const columns: ColumnDef<SearchUser>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}
         className="h-4 w-4 rounded border-gray-300"

apps/cs/src/pages/popup/model/posting-table-columns.tsx

@@ -8,6 +8,8 @@ export const columns: ColumnDef<Post>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -18,6 +20,8 @@ export const columns: ColumnDef<Post>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/popup/model/table-columns.tsx

@@ -9,6 +9,8 @@ export const columns: ColumnDef<Popup>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -19,6 +21,8 @@ export const columns: ColumnDef<Popup>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/recent/model/table-columns.tsx

@@ -9,6 +9,8 @@ export const columns: ColumnDef<RecentPost>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -19,6 +21,8 @@ export const columns: ColumnDef<RecentPost>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/site/ui/domain-management-dialog.tsx

@@ -190,6 +190,8 @@ function DomainManagementDialog({
                   <TableRow>
                     <TableHead className="!px-0">
                       <Checkbox
+                        aria-label="전체 선택"
+                        title="전체 선택"
                         checked={isAllSelected}
                         onCheckedChange={handleSelectAll}
                       />
@@ -206,6 +208,8 @@ function DomainManagementDialog({
                       <TableRow key={field.id}>
                         <TableCell align="center" className="!px-0">
                           <Checkbox
+                            aria-label="행 선택"
+                            title="행 선택"
                             checked={selectedRows.includes(i)}
                             onCheckedChange={() => handleSelectRow(i)}
                           />
@@ -234,6 +238,8 @@ function DomainManagementDialog({
                               <FormItem>
                                 <FormControl>
                                   <Checkbox
+                                    aria-label="대표 도메인 여부"
+                                    title="대표 도메인 여부"
                                     checked={field.value === "Y"}
                                     onCheckedChange={(checked) => {
                                       field.onChange(checked ? "Y" : "N");

apps/cs/src/pages/site/ui/ip-management-dialog.tsx

@@ -175,6 +175,8 @@ function IPManagementDialog({
                   <TableRow>
                     <TableHead className="!px-0">
                       <Checkbox
+                        aria-label="전체 선택"
+                        title="전체 선택"
                         checked={isAllSelected}
                         onCheckedChange={handleSelectAll}
                       />
@@ -190,6 +192,8 @@ function IPManagementDialog({
                       <TableRow key={field.id}>
                         <TableCell align="center" className="!px-0">
                           <Checkbox
+                            aria-label="행 선택"
+                            title="행 선택"
                             checked={selectedRows.includes(i)}
                             onCheckedChange={() => handleSelectRow(i)}
                           />

apps/cs/src/pages/survey/model/posting-table-columns.tsx

@@ -8,6 +8,8 @@ export const columns: ColumnDef<Post>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -18,6 +20,8 @@ export const columns: ColumnDef<Post>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/survey/model/survey-table-columns.tsx

@@ -7,6 +7,8 @@ export const columns: ColumnDef<Survey>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -17,6 +19,8 @@ export const columns: ColumnDef<Survey>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/pages/survey/ui/article-management-dialog.tsx

@@ -197,6 +197,8 @@ function ArticleManagementDialog({
                   <TableRow>
                     <TableHead className="!px-0">
                       <Checkbox
+                        aria-label="전체 선택"
+                        title="전체 선택"
                         checked={isAllSelected}
                         onCheckedChange={handleSelectAll}
                       />
@@ -212,6 +214,8 @@ function ArticleManagementDialog({
                       <TableRow key={field.id}>
                         <TableCell align="center" className="!px-0">
                           <Checkbox
+                            aria-label="행 선택"
+                            title="행 선택"
                             checked={selectedRows.includes(i)}
                             onCheckedChange={() => handleSelectRow(i)}
                           />

apps/cs/src/widgets/post/model/grid-view-table-columns.tsx

@@ -22,6 +22,8 @@ export const createColumns = (
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -40,6 +42,8 @@ export const createColumns = (
           <div className="flex flex-col gap-4">
             <div className="flex items-center gap-2">
               <Checkbox
+                aria-label="행 선택"
+                title="행 선택"
                 checked={row.getIsSelected()}
                 onClick={(e) => e.stopPropagation()}
                 onCheckedChange={(checked) => row.toggleSelected(!!checked)}
@@ -87,6 +91,8 @@ export const createColumns = (
               <div className="flex flex-col gap-4">
                 <div className="flex items-center gap-2">
                   <Checkbox
+                    aria-label="행 선택"
+                    title="행 선택"
                     checked={row.getIsSelected()}
                     onClick={(e) => e.stopPropagation()}
                     onCheckedChange={(checked) => row.toggleSelected(!!checked)}

apps/cs/src/widgets/post/model/post-table-columns.tsx

@@ -9,6 +9,8 @@ export const columns: ColumnDef<Post & { isUpndFixPost?: boolean }>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
+        aria-label="전체 선택"
+        title="전체 선택"
         checked={table.getIsAllPageRowsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) =>
@@ -19,6 +21,8 @@ export const columns: ColumnDef<Post & { isUpndFixPost?: boolean }>[] = [
     ),
     cell: ({ row }) => (
       <Checkbox
+        aria-label="행 선택"
+        title="행 선택"
         checked={row.getIsSelected()}
         onClick={(e) => e.stopPropagation()}
         onCheckedChange={(checked) => row.toggleSelected(!!checked)}

packages/common/components/src/ui/footer/index.tsx

@@ -28,12 +28,6 @@ const BannerImage = ({ atflCd, lnkgUrlAddr, bannerName }: BannerImageProps) => {
     enabled: !!atflCd,
   });
 
-  const handleClick = () => {
-    if (lnkgUrlAddr) {
-      window.open(lnkgUrlAddr, "_blank");
-    }
-  };
-
   if (isLoading) {
     return (
       <div className="relative mx-auto flex h-24 items-center justify-center bg-accent">
@@ -50,17 +44,34 @@ const BannerImage = ({ atflCd, lnkgUrlAddr, bannerName }: BannerImageProps) => {
     );
   }
 
+  const image = (
+    <img
+      src={imageUrl}
+      className="h-full w-full object-contain"
+      alt={bannerName || "배너 이미지"}
+    />
+  );
+
+  // 링크가 없는 배너는 이동할 곳이 없으므로 초점 대상에서 제외
+  if (!lnkgUrlAddr) {
+    return (
+      <div className="relative mx-auto flex h-24 items-center justify-center">
+        {image}
+      </div>
+    );
+  }
+
+  // a 요소로 구현해 Tab 초점 이동·Enter 실행이 가능하도록 함 (캐러셀 영역이 overflow-hidden 이라 초점 링은 안쪽에 표시)
   return (
-    <div
-      className="relative mx-auto flex h-24 cursor-pointer items-center justify-center transition-opacity hover:opacity-80"
-      onClick={handleClick}
+    <a
+      href={lnkgUrlAddr}
+      target="_blank"
+      rel="noopener noreferrer"
+      title={`${bannerName || "배너"} (새 창 열림)`}
+      className="relative mx-auto flex h-24 items-center justify-center rounded-sm transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
     >
-      <img
-        src={imageUrl}
-        className="h-full w-full object-contain"
-        alt={bannerName || "배너 이미지"}
-      />
-    </div>
+      {image}
+    </a>
   );
 };
 

packages/common/components/src/ui/header/notice-popover.tsx

@@ -117,6 +117,8 @@ export function NoticePopover() {
               )}
             >
               <Checkbox
+                aria-label={`${item.notiTtl} 선택`}
+                title={`${item.notiTtl} 선택`}
                 checked={selectedNoticeIds.includes(item.notiId)}
                 onCheckedChange={() => handleSelectNotice(item.notiId)}
               />