refactor: (#15) 웹접근성 향상을 위한 aria-label, alt 수정

woowacourse-teams · Jul 12, 2023 · bed584f · bed584f
1 parent a034b7b
commit bed584f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/common/AddButton/index.tsx b/frontend/src/components/common/AddButton/index.tsx
@@ -10,7 +10,7 @@ interface AddButtonProps {
  */
 export default function AddButton({ size, clickEvent }: AddButtonProps) {
  return (
- <S.Button size={size} aria-label="더하기 버튼" onClick={clickEvent}>
+ <S.Button size={size} aria-label="더하기" onClick={clickEvent}>
  +
  </S.Button>
  );

diff --git a/frontend/src/components/common/IconButton/index.tsx b/frontend/src/components/common/IconButton/index.tsx
@@ -33,8 +33,8 @@ export default function IconButton({ category, clickEvent }: IconButtonProps) {
  const ariaLabelText = iconCategory[category].name;
 
  return (
- <S.Button aria-label={`${ariaLabelText}-버튼`} onClick={clickEvent}>
- <img src={src} alt={`${category}-button`} />
+ <S.Button aria-label={ariaLabelText} onClick={clickEvent}>
+ <img src={src} alt={`${ariaLabelText}-icon`} />
  </S.Button>
  );
 }