[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-texas-design-system-37-components-state-websites-zh":3,"article-related-texas-design-system-37-components-state-websites-zh":30,"series-tools-3493158e-1dbf-4fd4-8d17-a2f83cc428ca":82},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":22,"views":26,"created_at":27,"published_at":28,"topic_cluster_id":29},"3493158e-1dbf-4fd4-8d17-a2f83cc428ca","texas-design-system-37-components-state-websites-zh","德州上線 37 組件設計系統","\u003Cp data-speakable=\"summary\">德州資訊資源局 6 月 9 日推出 37 組件設計系統，讓州政府機關用同一套元件更新網站與服務入口。\u003C\u002Fp>\u003Cp>德州資訊資源局（\u003Ca href=\"https:\u002F\u002Fdir.texas.gov\u002F\" target=\"_blank\" rel=\"noopener\">Texas DIR\u003C\u002Fa>）在 \u003Ca href=\"\u002Fnews\u002Fmicrosoft-build-2026-agents-into-systems-zh\">2026\u003C\u002Fa> 年 6 月 9 日上線 Texas Design System，提供州政府機關共用的網站元件、模板與實作指引。這套工具包要處理的不是單一網站，而是整個州政府前台體驗。\u003C\u002Fp>\u003Cp>官方目標很直接：讓德州政府網站更容易用、更一致，也更符合無障礙標準。對使用者來說，重點是少一點混亂；對機關來說，重點是少重工、少重複開發。\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>數值\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>上線日期\u003C\u002Ftd>\u003Ctd>2026 年 6 月 9 日\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>網站組件數\u003C\u002Ftd>\u003Ctd>37\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>無障礙目標\u003C\u002Ftd>\u003Ctd>WCAG 2.2 AA\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>推動法源\u003C\u002Ftd>\u003Ctd>House Bill 5195（89R）\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>發生了什麼\u003C\u002Fh2>\u003Cp>這套系統是德州各機關共用的前台資源庫，核心背景來自 House Bill 5195。這項法案要求州政府網站在無障礙、導覽、響應式設計與數位服務效率上同步改善。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348571580-s8dw.png\" alt=\"德州上線 37 組件設計系統\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>DIR 表示，這個系統是跨機關網站現代化工作小組共同打造的。換句話說，它不是單一部門自己做完再丟出去，而是先把各機關常見需求整理成可直接採用的標準。\u003C\u002Fp>\u003Cul>\u003Cli>37 個可直接使用的元件\u003C\u002Fli>\u003Cli>標準化模板與導入指引\u003C\u002Fli>\u003Cli>涵蓋導覽列、表單、搜尋、警示、頁面版型\u003C\u002Fli>\u003Cli>支援桌機、平板與手機，也考慮螢幕閱讀器等輔助工具\u003C\u002Fli>\u003C\u002Ful>\u003Cp>DIR 先前也釋出過 \u003Ca href=\"\u002Ftag\u002Ffigma\">Figma\u003C\u002Fa> 設計檔與網站模板，這次則把內容推進到更完整的實作層。對前端團隊來說，這代表可以先從核准過的元件開始，\u003Ca href=\"\u002Fnews\u002Fmicrosoft-bets-on-controllable-domain-tuned-models-zh\">而不是\u003C\u002Fa>每次都從零做起。\u003C\u002Fp>\u003Cp>從管理角度看，這種做法也能降低各機關網站越做越散的風險。當登入、搜尋、按鈕、卡片和頁尾都有共通規格時，跨站切換的使用體驗會更接近。\u003C\u002Fp>\u003Ch2>為什麼重要\u003C\u002Fh2>\u003Cp>對開發者和政府網站團隊來說，最大價值是速度與一致性。共用元件把常見介面拆成可重複使用的積木，能減少重複造輪子，也比較容易對齊無障礙要求。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348572794-tr3k.png\" alt=\"德州上線 37 組件設計系統\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>這對公共部門特別有用，因為州政府網站通常不是單一\u003Ca href=\"\u002Fnews\u002Fmica-turns-web3-compliance-into-product-design-zh\">產品\u003C\u002Fa>，而是一整串服務入口。民眾可能今天查稅、明天辦證照、後天看福利資訊，如果每個站的操作邏輯都不同，學習成本就會很高。\u003C\u002Fp>\u003Cp>Texas DIR 也刻意保留各機關的品牌空間，例如色彩與字體仍可有差異。這種做法比起完全統一，更像是先統一骨架，再讓各站保留識別度。\u003C\u002Fp>\u003Cp>從產業角度看，Texas Design System 也在測試一件事：政府數位服務能不能像大型產品團隊一樣，用設計系統管理品質。若成效明顯，其他州政府可能會把它當成可複製的模板，而不是各自摸索。\u003C\u002Fp>\u003Cp>德州無障礙官 Marie Cohan 說，無障礙是民眾使用政府線上服務的基本條件。這句話的意思很直接，政府網站不是展示頁，而是服務入口，做不到可用，就等於把部分民眾擋在門外。\u003C\u002Fp>\u003Cp>真正的看點不在 37 個元件本身，而在這套系統能不能讓各機關真的少做一套、少踩一次坑。若能落地，德州省下的將不只是開發時間，還有之後維護與修補的不一致成本。\u003C\u002Fp>\u003Cp>問題只剩一個：當州政府開始用設計系統管網站，其他州會跟進，還是繼續各做各的？\u003C\u002Fp>","德州資訊資源局推出 37 組件設計系統，提供州政府網站共用元件、模板與無障礙指引，目標是讓各機關更快更新網站並提升一致性。","dir.texas.gov","https:\u002F\u002Fdir.texas.gov\u002Fnews\u002Fdir-launches-texas-design-system-modernize-state-websites",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348571580-s8dw.png","tools","zh","7c61102a-f8ad-4958-9ca8-f29c11f905f4",[17,18,19,20,21],"Texas DIR","design system","government websites","accessibility","WCAG 2.2 AA",[23,24,25],"Texas DIR 在 2026 年 6 月 9 日推出 37 組件設計系統，供州政府機關共用。","這套系統對齊 House Bill 5195，重點放在無障礙、導覽、響應式設計與效率。","對開發團隊來說，它的價值是減少重工、提升一致性，並讓政府網站更容易維護。",2,"2026-06-13T11:02:20.020693+00:00","2026-06-13T11:02:20.005+00:00","c3c88dd2-a940-438a-b359-0e5a24562273",{"tags":31,"relatedLang":41,"relatedPosts":45},[32,34,36,38,39],{"name":19,"slug":33},"government-websites",{"name":17,"slug":35},"texas-dir",{"name":18,"slug":37},"design-system",{"name":20,"slug":20},{"name":21,"slug":40},"wcag-22-aa",{"id":15,"slug":42,"title":43,"language":44},"texas-design-system-37-components-state-websites-en","37 components in Texas Design System for state sites","en",[46,52,58,64,70,76],{"id":47,"slug":48,"title":49,"cover_image":50,"image_url":50,"created_at":51,"category":13},"687ac572-2f0f-4bb0-9a54-4563c7696310","five-patching-steps-distributed-estates-zh","分散環境補丁管理五步驟","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781352248524-913d.png","2026-06-13T12:03:41.692394+00:00",{"id":53,"slug":54,"title":55,"cover_image":56,"image_url":56,"created_at":57,"category":13},"6627f35e-3e66-445f-8c2a-188797ffd22b","microsoft-build-2026-agents-into-systems-zh","Build 2026 把代理變系統","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781329733213-teym.png","2026-06-13T05:48:21.486989+00:00",{"id":59,"slug":60,"title":61,"cover_image":62,"image_url":62,"created_at":63,"category":13},"1f8c57f4-698a-42a5-80e8-85cf7cb915d6","mimo-v25-pro-turns-agent-work-into-one-api-call-zh","MiMo-V2.5-Pro 把 agent 工作變成一個 API","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781320694317-up12.png","2026-06-13T03:17:48.351417+00:00",{"id":65,"slug":66,"title":67,"cover_image":68,"image_url":68,"created_at":69,"category":13},"bcf84ab5-c420-448a-968b-d6777d846d68","8-cursor-alternatives-that-fit-how-you-work-zh","8 款 Cursor 替代品怎麼選","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781312602751-6ay6.png","2026-06-13T01:02:56.132136+00:00",{"id":71,"slug":72,"title":73,"cover_image":74,"image_url":74,"created_at":75,"category":13},"4cd74291-8fb5-4203-ba64-b9e5cc5dec68","ollama-default-local-ai-layer-zh","Ollama 正在成為預設的本地 AI 層","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781310769394-h8f5.png","2026-06-13T00:32:16.314447+00:00",{"id":77,"slug":78,"title":79,"cover_image":80,"image_url":80,"created_at":81,"category":13},"d151c5d3-b298-499a-9524-f06d42a8b26b","songscription-turns-piano-audio-into-editable-sheet-music-zh","Songscription 讓鋼琴音檔變可編輯樂譜","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781288303307-ll88.png","2026-06-12T18:17:55.667582+00:00",[83,88,93,98,103,108,113,118,123,128],{"id":84,"slug":85,"title":86,"created_at":87},"855cd52f-6fab-46cc-a7c1-42195e8a0de4","surepath-real-time-mcp-policy-controls-zh","SurePath 推出即時 MCP 政策控管","2026-03-26T07:57:40.77233+00:00",{"id":89,"slug":90,"title":91,"created_at":92},"9b19ab54-edef-4dbd-9ce4-a51e4bae4ebb","mcp-in-2026-the-ai-tool-layer-teams-use-zh","2026 年 MCP：團隊真的在用的 AI 工具層","2026-03-26T08:01:46.589694+00:00",{"id":94,"slug":95,"title":96,"created_at":97},"af9c46c3-7a28-410b-9f04-32b3de30a68c","prompting-in-2026-what-actually-works-zh","2026 提示工程，真正有用的是什麼","2026-03-26T08:08:12.453028+00:00",{"id":99,"slug":100,"title":101,"created_at":102},"05553086-6ed0-4758-81fd-6cab24b575e0","garry-tan-open-sources-claude-code-toolkit-zh","Garry Tan 開源 Claude Code 工具包","2026-03-26T08:26:20.068737+00:00",{"id":104,"slug":105,"title":106,"created_at":107},"042a73a2-18a2-433d-9e8f-9802b9559aac","github-ai-projects-to-watch-in-2026-zh","2026 必看 20 個 GitHub AI 專案","2026-03-26T08:28:09.619964+00:00",{"id":109,"slug":110,"title":111,"created_at":112},"a5f94120-ac0d-4483-9a8b-63590071ac6a","claude-code-vs-cursor-2026-zh","Claude Code 與 Cursor 深度對比：202…","2026-03-26T13:27:14.279193+00:00",{"id":114,"slug":115,"title":116,"created_at":117},"0975afa1-e0c7-4130-a20d-d890eaed995e","practical-github-guide-learning-ml-2026-zh","2026 機器學習入門 GitHub 實用指南","2026-03-27T01:16:49.712576+00:00",{"id":119,"slug":120,"title":121,"created_at":122},"bfdb467a-290f-4a80-b3a9-6f081afb6dff","aiml-2026-student-ai-ml-lab-repo-review-zh","AIML-2026：像課綱的學生實驗 Repo","2026-03-27T01:21:51.467798+00:00",{"id":124,"slug":125,"title":126,"created_at":127},"80cabc3e-09fc-4ff5-8f07-b8d68f5ae545","ai-trending-github-repos-and-research-feeds-zh","AI Trending：把 AI 資源收成一張表","2026-03-27T01:31:35.262183+00:00",{"id":129,"slug":130,"title":131,"created_at":132},"3ce6e6e2-bac5-463e-9f8d-45caabcc61f7","awesome-ai-for-science-research-tools-map-zh","AI 科研工具清單，開始像地圖了","2026-03-27T01:46:50.521945+00:00"]