Melanie Sumner 是專門從事數位無障礙設計的軟體工程師。我們談談她邁向工程、無障礙設計和 Ember.js 的路，以及資助這些工作的重要性。
這篇文章主要介紹社群專家，這是「學習無障礙中心」的一部分。
Alexandra White：感謝你的參與！你的身分和業務內容
Melanie Sumner：我叫 Melanie Sumner，是 專精數位無障礙功能的軟體工程師。我來編寫網路程式碼了 25 年我第一次的職業是...有間諜。我是美國海軍的情報分析師 程式是我的嗜好
我不喜歡當個間諜。我不覺得死亡，事實證明這個結果了。雖然大多數人都不是，但是更靠近一點。我必須決定接下來要做什麼 才是時候將興趣轉化為事業過去 10 年來，我全心投入在無障礙空間的軟體工程。
Alexandra：你通常不會聽到「喔，第一次我是個間諜」。沒什麼大不了的，您認為無障礙工作的程度為何？
Melanie：我任職於北卡羅來納大學 [UNC] 禮拜堂，任職於開發部門。這不代表網站開發等開發 而是代表募款等開發工作
我的直屬經理們有視力障礙，因此必須將所有內容縮放至 400% 才能看到。他是一位很棒的軟體工程師。或許是我遇過最優秀的經理但他總是弄破我的事情 因為他會放大查看我的工作如果我沒想到在應變階段 建構東西就會損毀
我主管的老闆是藍色盲，我不知道 UNC 藍色看起來是什麼樣子，但使用了這個淺天藍色。而且他們喜愛在白色上使用。
Alexandra：(笑聲) 噢，不。
Melanie：老闆一直抱怨自己永遠無法看到我的工作！因此我需要為網站開發一組互補色和配色。我開始思考色彩對比，並思考著色盲 (或視障) 人士如何使用網路，
由於 UNC 是州立大學，因此美國聯邦政府規定符合 WCAG 無障礙等級 AA。因為是一間教育機構
在進一步瞭解各州和聯邦政府的規定並開始閱讀 W3C 無障礙規範後，我心想：「以上一切都合理。」從我看到的內容來看，大部分的網頁都不符合規定。當然，一旦網路的存在，使用者就一直致力於提升網頁無障礙體驗。有時 JavaScript 工程師處理數位無障礙功能的進度會不太一樣 (尤其是 JavaScript 工程師)。
無障礙設計是網路世界的最後優先要領。許多優秀的員工負責自動化無障礙功能，因此我們必須比照處理其他棘手問題的方式 (例如效能和安全性) 來改良解決方案。
Alexandra：您可能曾在海軍和 UNC 閱讀許多複雜的文件。您認為瞭解規格很困難嗎？
Melanie：我大約在瞭解 5 次前，必須先讀過這些內容，之後還讀了其他規格。我總是告訴大家，如果你不瞭解規格，也不必感到不開心，因為我必須閱讀五次規格！我甚至不會開玩笑。
語言設計需要很長的時間。如果您無法正確解讀 可能會做錯的事此外，請務必瞭解有許多規格語言是供瀏覽器開發人員使用。請務必尋找「作者應該」，因為這是網頁程式開發人員的參考資料。
Alexandra：如果有更多開發人員知道如何解讀規格，那麼大部分的網路體驗將更加完善。
Melanie：對於可為您解讀內容的網站，有許多需要說明的事項。我建構了 a11y-automation.dev，使用這個網站 就好像我的寶貝這個寶寶我會逐一列出每項無障礙功能 並連結到相關 WCAG 成功標準透過自動化機制避免發生錯誤，我會提供解決方案。
您可以熟悉可能的違規行為清單，但更重要的是瞭解如何修正。對於不存在的自動修正而言，也許您會汲取編寫 Linter 或範本的靈感，或許您會獲得啟發，編寫某種測試。
我偏好使用開放原始碼工作，因為這樣可以相互合作，得到更好的成果 (有時還是需要改善，但我們會盡力做到這一點)。我們的服務以彼此的世界為基礎，最終成果優異，
如何資助無障礙設施
Alexandra：我非常喜歡 pleasefunda11y.com 網站。學習如何建構無障礙網站非常重要，但他們如果沒有高階主管的資金與核准，他們不一定能擁有資源。為什麼你決定建立這個網站？
Melanie：無障礙環境的資金不足，導致我感到很失望。CSS 似乎持續仰賴所有開放原始碼資金。我很喜歡 CSS 可以善加利用它
我之所以建立這個網站，是因為我們與 Chrome 軟體工程經理 Addy Osmani 聯絡，他認為我在要求無障礙領域資助，但他想要瞭解可以資助哪些特定工作。這個問題的規模很大：開放原始碼贊助者希望資助特定專案，而不是無法獲得結果的一般構想。我花了些時間來寫下幾項具體計畫、必要項目以及如何協助打造無障礙網站。
即使沒有我親自嘗試這些公司，我們還是可以 大幅提升網路的無障礙程度相較於其他網路作業，這項服務的支出相當小，可能會對人們的生活帶來巨大影響。
目前的思考方式通常是「有多少人患有身心障礙？」您應該是：「任何人和自身技術的關係為何？」
還有人跟我說：「我不認為色盲是身心障礙」對著色盲者來說，您可能沒有認定自己有身心障礙，但會影響您與科技的關係。
Alexandra：詳細說明您與技術之間的關係。這與無障礙設計有何關聯？
Melanie：舉例來說，如果是神經多樣性，您可能需要非常簡單且明確的方向。建議您在流程中快速瀏覽三個或四個畫面，一次做出幾個選擇，直到最終完成為止。這項指引並未提供現代化技術應用程式的相關指引。
我們有一群公司需要執行開發人員，所以如果您嘗試使用這些網站，大概會說：「我的天啊」，我們近期會嘗試將廚房水槽裝入到所有介面
Alexandra：可以分享一個範例嗎？
Melanie：例如，GitHub 有包含巢狀分頁的下拉式選單。和 [誇張的嘆氣]我沒辦法開心 (即使我覺得很沮喪)。現代網路必須持續成長以滿足新的需求不過，我們也有責任打造良好的產品 避免員工落後
這就是我熱衷的事。我不想讓某人失業，因為他們無法存取能在工作上必要的工具。
Alexandra：百分之百。使用者經常會考慮為外部使用者打造無障礙產品，但不一定得考量自己的員工。
Melanie：我認為你知道這項募資建議對大家可能都很有幫助。
我一直聽到工程師表示想讓無障礙設計，但覺得「我的公司不在乎」。我相信他們很關心！您只需要填補商業邏輯的缺口向客戶展現商家帶來的正面效益。當然，該網站是開放原始碼，我喜歡貢獻和編輯內容。
Alexandra：無障礙設計通常要回到程序結束時，例如「喔，我們可以之後再存取」。但是，比起在整個專案中整合可存取的做法，之後需要多花時間才能新增這項功能。
Melanie：我常常說：「你想付費進行建構一次，還是要付費進行建構兩次？」
Ember.js 和核心無障礙團隊
Alexandra：我知道您也加入了 Ember.js 架構核心團隊，你如何參與？
Melanie：我受僱在 JPMorgan Chase 工作，當時他們有能力透過他們的公司投資銀行平台工作。Ember 是一種很繁重的 JavaScript 架構，當您需要穩定 (甚至無聊) 的基礎時，即可避免編寫程式碼，導致損失大量銀行資金。Ember 提供回溯相容性保證，即使達到主要版本，也可以每次升級。我們確實是以漸進的方式完成各項作業，因此不會破壞您的應用程式。
總之，我曾經參加 Ember 演唱會，並且遇到社區中的一群人琥珀色的人非常善良，而且有非常強大的行為準則，我只是在其他地方都沒有看到自己。
我出軍後想進入安全局。我去了一場資訊派聚會 完全沒發現其他女人另一位年紀較大的人在看著我 並且說：「你確認一下，各位是否位於正確的地方？」
Alexandra：[Groans] 很不錯。這完全不是出乎意料。我聽過類似的訊息
Melanie：我想要說的是 2011，大概是 2012 年嗎？現況改變了我在夜晚期間共聚一堂，證明瞭這一點。我的留言是把我關掉了。我巧妙玩笑、記下好筆記，也參與了對話 大家都知道我有現場活動我覺得自己很多職涯 都證明瞭男人不做錯
但我不希望女性成為軟體工程師，只是為了證明人類的錯誤。我想成為軟體工程師，想打造令人讚嘆的事物，因為這是件很有趣的事。女性應該擁有這種職業選項。
Alexandra：當然。
Melanie：我和 Ember 社群成員分享我對無障礙設計的重要性，因為 Google 是銀行平台，因此必須遵守美國聯邦規定。Yehuda Katz 和 Tom Dale 說：「我們的團隊有缺口，我們擁有許多 JavaScript 專家、效能專家，各種難以捉摸的專家，而且需要具備無障礙知識的人員。」他們邀請我加入核心團隊
我目前正著手開發各種計畫，讓「Ember」預設能夠順利使用。這表示當您說出 ember new <my-app-name> 時，應立即通過 WCAG 成功標準。
Alexandra：我在 GitHub 上看到很長的 Ember 無障礙工具清單。您發現 Ember 社群成員樂於為這些工具做出貢獻嗎？
Melanie：這是一項令人振奮的進展。我在 LinkedIn 工作時 為 Ember 撰寫了無障礙檢查規則於是我離開了 LinkedIn 為 Hashicorp 工作，其他同事仍持續為 Linter 帶來實用資訊。以上是我的工作內容 讓我感到放鬆且興奮
我們認為，無障礙程度只是公民權。這一點不能用來討論
討論內容：可以導入哪些功能？發生在何時？我們要怎麼做？我們要如何教導這些知識 並讓它與舊版相容？對於不需要建構或規劃的超大功能，我們如何協助開發人員提供無障礙支援？
Alexandra：無障礙設計是公民權。我覺得很好！這應該只是我們所有大家都知道的真相。
Melanie：我曾有人們對於我毫無疑問的想法，像是「如果我失明，我就不會上網」。或是「如果身心障礙只有 5% 的使用者， 就有 90% 的使用者能不能思考，這有什麼差別呢？」我不會進行這些討論，因為這些討論經常用來幹擾工作。
編寫無障礙程式碼後，就能提升效能，因為您打算依據 W3C 規格建構網站。您將使用語意 HTML 而非 div，而要使用標題。您只需選擇 <button>，而不是在 <div> 中新增點擊事件，這樣做可以提升效能。
做一件事：自動執行無障礙功能
Alexandra：網頁程式開發人員應該怎麼做，才能建立無障礙網站？
Melanie：新增自動化動作。無論您的架構為何，都可以從現有的 Linter 著手。我不在乎你使用哪一款！如果其中一項規則損壞，建構作業應該就會損毀。
某些項目無法自動化，因為 AI 還無法解讀意圖。舉例來說，圖片的替代文字值應有「意義」，但這實際上代表什麼意思？目前，只有人類需要辨別這一點，而不是自動化功能。
但自動化工具可以告訴您「沒有傳送色彩對比」。只要加以修正即可。不要打鬥，不要說出「但我不想，我偏好用這種方式」。 這不是與你有關的事。更重要的是，讓我們每天都能 為世界各地的人們提供協助
無障礙設計是一段學習之旅，而且您隨時都能從中學習。我十多年來持續學習無障礙設計， 而且我一直在學習新事物！不要防禦，就這麼做。
前往 melanie.codes 和 Twitter @a11yMel 網站，隨時掌握 Melanie 的作品。歡迎在 pleasefunda11y.com、a11y-info.com 和 a11y-automation.dev 上查看她的無障礙資源。