diff --git a/fundamentals/a11y/ja/predictability/form.md b/fundamentals/a11y/ja/predictability/form.md index 96fffd1b..91d408a3 100644 --- a/fundamentals/a11y/ja/predictability/form.md +++ b/fundamentals/a11y/ja/predictability/form.md @@ -65,7 +65,7 @@ ## 実戦例：ログインフォームを作る - + 実際によく使われるログインフォームのマークアップをしてみます。IDとパスワードの入力欄があり、送信できるログインボタンがあります。各入力欄には、値があるときだけ表示される削除ボタンがあります。 diff --git a/fundamentals/a11y/ja/semantic/duplicate-interactive-element.md b/fundamentals/a11y/ja/semantic/duplicate-interactive-element.md index ea10f068..6905a737 100644 --- a/fundamentals/a11y/ja/semantic/duplicate-interactive-element.md +++ b/fundamentals/a11y/ja/semantic/duplicate-interactive-element.md @@ -4,7 +4,7 @@ たとえば下のような構成でボタン名がすべて「選択」だと、どの項目を選ぶボタンなのか分かりにくいため、**明確な文脈を合わせて提供する必要があります。** -![重複するボタンの例](../images/duplicate-interactive-element.png) +![重複するボタンの例](../../images/duplicate-interactive-element.png) ## 問題：意味を読み取れないスクリーンリーダー diff --git a/fundamentals/a11y/ja/structure/button-inside-button.md b/fundamentals/a11y/ja/structure/button-inside-button.md index 6319630f..8086df90 100644 --- a/fundamentals/a11y/ja/structure/button-inside-button.md +++ b/fundamentals/a11y/ja/structure/button-inside-button.md @@ -31,7 +31,7 @@ Buttonコンポーネントが``タグをレンダリングできるオプシ UIの構成上、ボタンのように見えるカードの中に別のボタンを置く必要がある場合があります。このとき構造を誤るとアクセシビリティの問題が発生します。 -![カードUIパターンの例](../images/button-inside-button.png) +![カードUIパターンの例](../../images/button-inside-button.png) ### 誤った例 diff --git a/fundamentals/a11y/ja/why.md b/fundamentals/a11y/ja/why.md index 1167e9a0..99f7dad0 100644 --- a/fundamentals/a11y/ja/why.md +++ b/fundamentals/a11y/ja/why.md @@ -17,7 +17,7 @@ 次の画像は、ブラウザでリンクを右クリックしたときに表示されるコンテキストメニューです。リンク要素を正しく使えば、ユーザーが期待するこうした基本機能をすべて提供できます。 - + このようにアクセシビリティは、障害のあるユーザーだけでなく、キーボード利用者、そして一般的なWeb体験を期待するすべての人に不便を与えないための基本原則です。アクセシビリティを考慮しないと、誰にでも起こり得る不便が生じます。 diff --git a/fundamentals/today-i-learned/src/components/features/discussions/WeeklyTop5.tsx b/fundamentals/today-i-learned/src/components/features/discussions/WeeklyTop5.tsx index ded1332b..d9fedb8d 100644 --- a/fundamentals/today-i-learned/src/components/features/discussions/WeeklyTop5.tsx +++ b/fundamentals/today-i-learned/src/components/features/discussions/WeeklyTop5.tsx @@ -1,6 +1,5 @@ import { useNavigate } from "react-router-dom"; import { Avatar } from "@/components/shared/ui/Avatar"; -import { MarkdownRenderer } from "@/components/shared/ui/MarkdownRenderer"; import { useWeeklyTopDiscussions } from "@/api/hooks/useDiscussions"; import { css } from "@styled-system/css"; @@ -17,17 +16,6 @@ function getWeekLabel(): string { return `${month}월 ${weekOfMonth}째주 인기글`; } -function truncateMarkdown(content: string, maxLength: number): string { - const plainText = content - .replace(/[#*`\[\]()]/g, " ") - .replace(/\s+/g, " ") - .trim(); - if (plainText.length <= maxLength) { - return plainText; - } - return plainText.slice(0, maxLength) + "..."; -} - function PopularPostItem({ post, rank }: { post: any; rank: number }) { const navigate = useNavigate();