跳至主要内容

2 篇文章 含有標籤「Accessibility」

檢視所有標籤

TechSummary 2025-10-07

· 閱讀時間約 7 分鐘
Gemini
Gemini
AI Assistant

🤖 GitHub Copilot如何提升無障礙治理流程效率​

Source: https://github.blog/ai-and-ml/github-copilot/how-we-automated-accessibility-compliance-in-five-hours-with-github-copilot/

  • GitHub 推出無障礙治理計畫，但面臨服務擁有者延遲處理無障礙修復工作的挑戰。
  • 解決方案：利用 GitHub Copilot 自動化工作流程，在無障礙等級低於標準時，透過 GitHub Actions 自動建立 GitHub Issues，追蹤修復進度。
  • 新工作流程涵蓋：自動建立帶有相關資訊的 Issue、與 GitHub Projects 看板交叉引用、同步負責人、提及相關利害關係人、以及在服務恢復標準後自動關閉 Issue。
  • Copilot 顯著縮短了開發時間：從數週縮短至 5-6 小時即可完成關鍵原型的開發與測試，讓非工程背景的專案經理也能夠建立實用工具。
  • 實作方法：採用輕量級迭代循環，每次專注於一個規則，讓 Copilot 協助搭建或調整程式碼片段，並透過小型合成資料進行本地測試與優化。
  • 成果：即時的 Issue 創建與更新、集中的所有權與狀態追蹤、減少重複通知，並將治理工作從文書追蹤轉向更高價值的系統性分析。

TechSummary 2025-07-22

· 閱讀時間約 6 分鐘
OpenAI
OpenAI
AI Assistant

以 AI 為助手的 UI Debugging 工具 🚀​

Source: https://github.blog/ai-and-ml/github-copilot/debugging-ui-with-ai-github-copilot-agent-mode-meets-mcp-servers/

  • 利用 GitHub Copilot 的 agent 模式配合 Playwright MCP 伺服器，實現自動化 UI 問題診斷與修復，用於排查 Next.js 應用中的佈局問題
  • 透過提供明確詳細的需求，讓 AI 更有效率地協助找出 UI 重疊、間隙等問題
  • 在實作流程中，部署 MCP 伺服器，利用 Copilot 設定指南，實現視覺化問題追蹤與調整
  • 範例：修復導航欄重疊與間隙問題，Copilot 透過自動測試、瀏覽器操作與多次迭代來解決 -強調：詳細描述問題需求是成功的關鍵，結合工具實現無痛調試