Update Learn/Tools_and_testing/Client-side_JavaScript_frameworks, zh-TW (#1227)

* fix flaws：調整 Svelte_getting_started & Svelte_Todo_list_beginning 頁面文末連結處（accessibility 改譯為無障礙）

* 新增部分翻譯 Svelte_Todo_list_beginning（Code along with us & Todo list app features 兩區段）

2 files changed, 19 insertions, 19 deletions

diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.html
index eb54187976..fdb786b066 100644
--- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.html
+++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.html
@@ -540,7 +540,7 @@ npm run dev</pre>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_Todo_list_beginning">開始寫我們的Svelte待辦清單應用程式</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props">Svelte中的動態行為：變數及屬性</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_components">元件化我們的Svelte應用程式</a></li>
-   <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">進階Svelte：反應性、生命週期、可存取性</a></li>
+   <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">進階Svelte：反應性、生命週期、無障礙</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_stores">和Svelte stores共舞</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_TypeScript">Svelte中的TypeScript</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_deployment_next">部署和下一步</a></li>
diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html
index 470f9fbf93..d4645f7dca 100644
--- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html
+++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html
@@ -42,47 +42,47 @@ tags:
  </tbody>
 </table>
 
-<h2 id="Code_along_with_us">Code along with us</h2>
+<h2 id="Code_along_with_us">和我們一起撰寫程式碼</h2>
 
 <h3 id="Git">Git</h3>
 
-<p>Clone the github repo (if you haven't already done it) with:</p>
+<p>複製github儲存庫（假如你還沒完成）如下：</p>
 
 <pre class="brush: bash">git clone https://github.com/opensas/mdn-svelte-tutorial.git</pre>
 
-<p>Then to get to the current app state, run</p>
+<p>接著取得當前應用程式狀態，執行如下：</p>
 
 <pre class="brush: bash">cd mdn-svelte-tutorial/02-starting-our-todo-app</pre>
 
-<p>Or directly download the folder's content:</p>
+<p>或直接下載資料夾內容如下：</p>
 
 <pre class="brush: bash">npx degit opensas/mdn-svelte-tutorial/02-starting-our-todo-app</pre>
 
-<p>Remember to run <code>npm install &amp;&amp; npm run dev</code> to start your app in development mode.</p>
+<p>記得執行<code>npm install &amp;&amp; npm run dev</code>以開發模式來運行你的應用程式。</p>
 
 <h3 id="REPL">REPL</h3>
 
-<p>To code along with us using the REPL, start at</p>
+<p>為了使用REPL和我們一起撰寫程式碼，點擊如下連結：</p>
 
 <p><a href="https://svelte.dev/repl/b7b831ea3a354d3789cefbc31e2ca495?version=3.23.2">https://svelte.dev/repl/b7b831ea3a354d3789cefbc31e2ca495?version=3.23.2</a></p>
 
-<h2 id="Todo_list_app_features">Todo list app features</h2>
+<h2 id="Todo_list_app_features">待辦清單應用程式特徵</h2>
 
-<p>This is how our Todo list app wil look like once it's ready:</p>
+<p>這是我們預計完成待辦清單應用程式的樣子：</p>
 
 <p><img alt="typical todo list app, with a title of 'what needs to be done', an input to enter more todos, and a list of todos with checkboxes" src="01-todo-list-app.png"></p>
 
-<p>Using this UI our user will be able to:</p>
+<p>使用這個使用者介面，我們的使用者將能夠做到以下事情：</p>
 
 <ul>
- <li>Browse their tasks.</li>
- <li>Mark tasks as completed/pending without deleting them.</li>
- <li>Remove tasks.</li>
- <li>Add new tasks.</li>
- <li>Filter tasks by status: all tasks, active tasks, or completed tasks.</li>
- <li>Edit tasks.</li>
- <li>Mark all tasks as active/completed.</li>
- <li>Remove all completed tasks.</li>
+ <li>瀏覽他們的任務。</li>
+ <li>標記那些任務視為已完成或待辦理，而不是刪除它們。</li>
+ <li>刪除那些任務。</li>
+ <li>新增那些新任務。</li>
+ <li>藉由狀態來過濾那些任務：全部、現行或已完成任務。</li>
+ <li>編輯那些任務。</li>
+ <li>標記全部任務視為現行或已完成狀態。</li>
+ <li>刪除全部已完成任務。</li>
 </ul>
 
 <h2 id="Building_our_first_component">Building our first component</h2>
@@ -749,7 +749,7 @@ body {
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_Todo_list_beginning">開始寫我們的Svelte待辦清單應用程式</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props">Svelte中的動態行為：變數及屬性</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_components">元件化我們的Svelte應用程式</a></li>
-   <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">進階Svelte：反應性、生命週期、可存取性</a></li>
+   <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">進階Svelte：反應性、生命週期、無障礙</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_stores">和Svelte stores共舞</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_TypeScript">Svelte中的TypeScript</a></li>
    <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_deployment_next">部署和下一步</a></li>