[zh-tw] accessibility html section #26199

AndreaFan123 · 2025-03-07T02:18:48Z

Description

Completed a11y html translation.

Motivation

Additional details

Related issues and pull requests

github-actions · 2025-03-07T02:20:55Z

Preview URLs

/zh-TW/docs/Learn_web_development/Core/Accessibility/HTML

External URLs (22)

URL: /zh-TW/docs/Learn_web_development/Core/Accessibility/HTML
Title: HTML：無障礙的良好基礎

https://axesslab.com/hand-tremors/ (1 time) (Note! This may be a new URL 👀)
https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html (2 times) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/accessible-image.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-form.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-links.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-semantics.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-table.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/good-form.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/good-links.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/table-layout.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html (1 time) (Note! This may be a new URL 👀)
https://webaim.org/techniques/hypertext/hypertext_links (1 time) (Note! This may be a new URL 👀)
https://webaim.org/techniques/skipnav/ (1 time) (Note! This may be a new URL 👀)
https://www.a11yproject.com/posts/skip-nav-links/ (1 time) (Note! This may be a new URL 👀)
https://www.accessibilityoz.com/2020/02/html5-sectioning-elements-and-screen-readers/ (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/WCAG20-TECHS/G200.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/WCAG20-TECHS/G201.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/wai-aria-1.1/ (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/WAI/tutorials/images/decision-tree/ (1 time) (Note! This may be a new URL 👀)
ttps://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-03-08 03:23:21)

jasonren0403

有一些问题可以看下

files/zh-tw/learn_web_development/core/accessibility/html/index.md

jasonren0403 · 2025-03-13T00:49:12Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+你可能會想，為什麼語義化很重要。畢竟，你可以使用 CSS 和 JavaScript 的組合幾乎可以讓 HTML 元素以任何你想要的方式運作。例如，網站上播放影片的控制按鈕可以像這樣標記：
+
+```html
+<div>Play video</div>


可以适当本地化代码示例，下同

jasonren0403 · 2025-03-13T00:51:46Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+我們已經討論過正確語義的重要性，以及為什麼應該使用正確的 HTML 標籤。使用不當，是無障礙性嚴重受損的主要原因之一。
+在網路世界中，事實上，人們常用 HTML 標籤做一些非常奇怪的事情。對 HTML 的濫用無非是因還未完全遺忘舊有的做法，有些則純粹是無知。無論如何，你應該避免撰寫這樣的不良程式碼。
+有時你無法擺脫糟糕的標籤——頁面可能由某種無法完全控制的伺服器端框架生成，或者可能有無法控制的第三方內容（如廣告橫幅）。
+目標不是「全有或全無」；我們能做的就是開始改進，這都將有助於無障礙性。


markdown断一行会引入额外空格，如需分段，至少需要断两行（英语文档也是这样做的）

Suggested change

我們已經討論過正確語義的重要性，以及為什麼應該使用正確的 HTML 標籤。使用不當，是無障礙性嚴重受損的主要原因之一。

在網路世界中，事實上，人們常用 HTML 標籤做一些非常奇怪的事情。對 HTML 的濫用無非是因還未完全遺忘舊有的做法，有些則純粹是無知。無論如何，你應該避免撰寫這樣的不良程式碼。

有時你無法擺脫糟糕的標籤——頁面可能由某種無法完全控制的伺服器端框架生成，或者可能有無法控制的第三方內容（如廣告橫幅）。

目標不是「全有或全無」；我們能做的就是開始改進，這都將有助於無障礙性。

我們已經討論過正確語義的重要性，以及為什麼應該使用正確的 HTML 標籤。使用不當，是無障礙性嚴重受損的主要原因之一。

在網路世界中，事實上，人們常用 HTML 標籤做一些非常奇怪的事情。對 HTML 的濫用無非是因還未完全遺忘舊有的做法，有些則純粹是無知。無論如何，你應該避免撰寫這樣的不良程式碼。

有時你無法擺脫糟糕的標籤——頁面可能由某種無法完全控制的伺服器端框架生成，或者可能有無法控制的第三方內容（如廣告橫幅）。

目標不是「全有或全無」；我們能做的就是開始改進，這都將有助於無障礙性。

files/zh-tw/learn_web_development/core/accessibility/html/index.md

jasonren0403 · 2025-04-15T07:52:59Z

@AndreaFan123 你好，对于目前的审查意见还有什么疑问吗，如无疑问可以批量应用一下suggestion，并点击Re-request review来通知我合并本PR

github-actions · 2025-05-30T09:22:23Z

Preview URLs

/zh-TW/docs/Learn_web_development/Core/Accessibility/HTML

Flaws (2)

URL: /zh-TW/docs/Learn_web_development/Core/Accessibility/HTML
Title: HTML：無障礙的良好基礎
Flaw count: 2

broken_links:
- /zh-TW/docs/Web/HTML/Element/abbr is a redirect
- /zh-TW/docs/Web/HTML/Element/a is a redirect

External URLs (22)

URL: /zh-TW/docs/Learn_web_development/Core/Accessibility/HTML
Title: HTML：無障礙的良好基礎

https://axesslab.com/hand-tremors/ (1 time) (Note! This may be a new URL 👀)
https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html (2 times) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/accessible-image.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-form.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-links.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-semantics.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/bad-table.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/good-form.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/good-links.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/accessibility/html/good-semantics.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/html/introduction-to-html/document_and_website_structure/ (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html (1 time) (Note! This may be a new URL 👀)
https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html (1 time) (Note! This may be a new URL 👀)
https://webaim.org/techniques/hypertext/hypertext_links (1 time) (Note! This may be a new URL 👀)
https://webaim.org/techniques/skipnav/ (1 time) (Note! This may be a new URL 👀)
https://www.a11yproject.com/posts/skip-nav-links/ (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/WCAG20-TECHS/G200.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/WCAG20-TECHS/G201.html (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/TR/wai-aria-1.1/ (1 time) (Note! This may be a new URL 👀)
https://www.w3.org/WAI/tutorials/images/decision-tree/ (1 time) (Note! This may be a new URL 👀)
ttps://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-05-31 05:06:37)

github-actions · 2025-05-31T05:06:04Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+<img src="dinosaur.png" aria-labelledby="dino-label" />
+
+<p id="dino-label">
+  一隻 Mozilla 紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。


[mdn-linter] _{reported by reviewdog 🐶}

Suggested change

一隻 Mozilla 紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。

一隻 Mozilla

紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。

github-actions · 2025-05-31T05:06:04Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+  <img
+    src="dinosaur.png"
+    alt="Mozilla 紅色暴龍"
+    aria-describedby="dinodescr" />


[mdn-linter] _{reported by reviewdog 🐶}

Suggested change

<img

src="dinosaur.png"

alt="Mozilla 紅色暴龍"

aria-describedby="dinodescr" />

<img src="dinosaur.png" alt="Mozilla 紅色暴龍" aria-describedby="dinodescr" />

github-actions · 2025-05-31T05:06:05Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+    alt="Mozilla 紅色暴龍"
+    aria-describedby="dinodescr" />
+  <figcaption id="dinodescr">
+    一隻 Mozilla 紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。


[mdn-linter] _{reported by reviewdog 🐶}

Suggested change

一隻 Mozilla 紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。

一隻 Mozilla

紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。

github-actions · 2025-05-31T05:06:05Z

files/zh-tw/learn_web_development/core/accessibility/html/index.md

+<a target="_blank" href="2017-annual-report.ppt"
+  >2017 年度報告 (PowerPoint)</a
+>


[mdn-linter] _{reported by reviewdog 🐶}

Suggested change

<a target="_blank" href="2017-annual-report.ppt"

>2017 年度報告 (PowerPoint)</a

>

<a target="_blank" href="2017-annual-report.ppt">2017 年度報告 (PowerPoint)</a>

AndreaFan123 added 5 commits March 4, 2025 20:37

Update content

5e3fea6

Delete images

cc2252f

Update

e57b39a

Compeleted html a11y

961e6c7

Completed a11y html

6e0eeb6

AndreaFan123 requested a review from a team as a code owner March 7, 2025 02:18

AndreaFan123 requested review from jasonren0403 and removed request for a team March 7, 2025 02:18

github-actions bot added the l10n-zh Issues related to Chinese content. label Mar 7, 2025

github-project-automation bot added this to MDN translated-content l10n-zh Mar 7, 2025

github-project-automation bot moved this to Review requested in MDN translated-content l10n-zh Mar 7, 2025

AndreaFan123 added 2 commits March 7, 2025 10:23

Remove quote

38dc85a

Amended wording

2c03537

jasonren0403 requested changes Mar 13, 2025

View reviewed changes

github-project-automation bot moved this from Review requested to In progress - PRs in MDN translated-content l10n-zh Mar 13, 2025

Apply suggestions from code review

e0ddc92

fixes

db31859

yin1999 changed the title ~~[zh-tw]accessibility html section~~ [zh-tw] accessibility html section May 31, 2025

more fixes

25e550c

jasonren0403 approved these changes May 31, 2025

View reviewed changes

jasonren0403 enabled auto-merge (squash) May 31, 2025 05:05

jasonren0403 merged commit 8ad0b8a into mdn:main May 31, 2025
5 of 6 checks passed

github-project-automation bot moved this from In progress - PRs to Done in MDN translated-content l10n-zh May 31, 2025

github-actions bot reviewed May 31, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[zh-tw] accessibility html section #26199

[zh-tw] accessibility html section #26199

Uh oh!

AndreaFan123 commented Mar 7, 2025

Uh oh!

github-actions bot commented Mar 7, 2025 •

edited

Loading

Uh oh!

jasonren0403 left a comment

Uh oh!

Uh oh!

jasonren0403 Mar 13, 2025

Uh oh!

jasonren0403 Mar 13, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

jasonren0403 commented Apr 15, 2025

Uh oh!

github-actions bot commented May 30, 2025 •

edited

Loading

Uh oh!

Uh oh!

github-actions bot May 31, 2025

Uh oh!

github-actions bot May 31, 2025

Uh oh!

github-actions bot May 31, 2025

Uh oh!

github-actions bot May 31, 2025

Uh oh!

Uh oh!

	一隻 Mozilla 紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。
	一隻 Mozilla
	紅色暴龍：一隻像人一樣直立站立的雙腳恐龍，有小小的手臂，以及一個佈滿尖銳牙齒的大頭。

[zh-tw] accessibility html section #26199

[zh-tw] accessibility html section #26199

Uh oh!

Conversation

AndreaFan123 commented Mar 7, 2025

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

github-actions bot commented Mar 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jasonren0403 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

jasonren0403 Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

jasonren0403 Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

jasonren0403 commented Apr 15, 2025

Uh oh!

github-actions bot commented May 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

github-actions bot May 31, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions bot May 31, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions bot May 31, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions bot May 31, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Mar 7, 2025 •

edited

Loading

github-actions bot commented May 30, 2025 •

edited

Loading