社群精華片段:Melanie Sumner

Melanie Sumner 是專精於數位無障礙設計的軟體工程師,我們談到了工程、無障礙設計、Ember.js,以及投資這些工作的重要性。

Alexandra Klepper
Alexandra Klepper

這篇文章會介紹社群專家 (屬於學習無障礙工具!)

Alexandra White:感謝你的加入!您的身分和職業是什麼?

Melanie Sumner 的大頭照。

Melanie Sumner:我叫 Melanie Sumner,我是軟體工程師 擅長數位無障礙環境我一直在撰寫網頁的程式碼 25 年。我的第一位職業是...我是來自以下領域的情報分析師: 我熱愛編寫程式

我其實不像是當個間諜,我不是死,結果卻發現。最多 但只要能拉近他們一點我必須先決定 因而把興趣轉變成職涯。過去 10 年來,我致力在無障礙環境中從事軟體工程工作 。

Alexandra:你不會常聽到「噢,我第一次是間諜」。沒什麼大不了的,內容 如何進入無障礙工作環境?

Melanie:我在北卡羅來納大學工作 [UNC] 教堂 當時,位於發展部。但不是指發展 就好比網站開發一樣,必須進行募款。

我的直屬經理有視力障礙 這時他必須放大所有圖像 觀看到 400%他是優秀的軟體工程師。應該是最佳經理 可說是我經歷過這樣的工作但他總是把我的東西弄壞 看看我的工作如果我還沒想到要建構東西 因此作業就會中斷

主管的老闆是藍色的色盲,我不知道你知道哪款 UNC 藍色 看起來是淺天藍。 而且他們使用白色應用程式。

Alexandra:(大笑) 糟糕。

Melanie:老闆一抱怨他根本沒看到我的作品!I 必須為我們的網站設計一組互補的色彩和色彩配置。 這讓我開始思考色彩對比 並思考 色盲 (或其他視障) 使用者會使用網路。

由於 UNC 是州立大學 美國聯邦規定 而符合 WCAG 無障礙規範等級 AA 的規範。我們的目標是 AAA 級 是一道教育機構

當我進一步瞭解州政府與聯邦政府的規定並開始閱讀之後 我認為 W3C 無障礙功能規格:「所有 這點非常合理」據我所知,網路上大多數網站都不符合法規。/ 當然,只要網路的普及性已成為 已存在。有時候,JavaScript 工程師 (特別是) 速度較慢 發展到數位無障礙環境的重要性

網路的終極先鋒許多好人都在工作 要實現普及率,我們必須開發相同的解決方案 解決其他棘手問題,例如效能和安全性

Alexandra:您可能已讀過許多冗長的複雜文件 海軍藍和北卡羅來納州。你是否覺得瞭解規格很難理解?

Melanie:我必須閱讀五次後才看得懂 我想先瞭解其他規格我總會告訴大家,要是沒有感覺壞了 因為我必須閱讀規格五次!我甚至完全不開玩笑。

熟悉語言規格需要許多時間。若您沒有解讀 可能會做錯另外,請務必瞭解 大部分的規格語言都是專為瀏覽器開發人員所設計請尋找 「作者應該」因為這是網頁程式開發人員參考的參考依據

Alexandra:如果更多開發人員知道如何在網路上 必須決定規格

Melanie:如果網站有需要解讀的語句, 您。我建立了 a11y-automation.dev 這個網站 就像我的寶寶、我的副業一樣我會逐一介紹 並連結至相關的 WCAG 成功標準。如果有 我會提供該解決方案

你可以熟悉可能違規的清單 就是瞭解如何解決這個問題對於不存在的自動修正項目 如果您因此想編寫 Linter 或範本 有助於編寫某種測試

我偏好開放原始碼工作,因為如果可以 還有改善 (有時改善,但有時候不會 請盡力而為)。我們會以彼此的事物為基礎 在網路上的重大成果

如何資助無障礙設施

Alexandra:我一直很喜歡 pleasefunda11y.com。讓 Kubernetes 叢集 開發人員,學習如何打造無障礙網站 取得高層主管的資金和核准為什麼會這樣 決定要建立這個網站嗎?

Melanie:無障礙設施的資金來源不足,讓我感到不悅。所有的運算 開放原始碼資金似乎會繼續投入 CSS我喜歡 CSS 跟它有關

我之所以建立網站,是因為 Addy Osmani— Chrome 軟體工程經理 - 聯絡後表示他看到 但他也想建議具體的工作內容 可以獲得資助而這是一個重大問題:開放原始碼的資金來源願意捐款 而非無法判定結果的一般概念。我擷取 請花點時間寫下具體計畫、行動需求和方法 允許存取網站

即使沒有我,公司也能實現這些努力, 無障礙的網路世界至關重要這個模型的 相較於其他網路技術的支出, 人們的生活

因此,現今的思維模式通常是 「有多少人 身心障礙者嗎?」應為:「我與對方的關係為何?」 「科技嗎?」

有人跟我說:「我不認為色盲就是 身心障礙狀態」若您或 但會影響您與科技的關係。

    15 人 %

    人員自我認同為停用

    來源

    253 人 分鐘

    協助失能人士

    來源

    39 人

    國家/地區。

    來源

如要進一步瞭解統計資料,請參閱「學習無障礙」第一個單元: 什麼是數位無障礙設計?重要性為何?

Alexandra:進一步說明你與品牌的關係 技術。與無障礙設計有何關聯?

Melanie:舉例來說,假如你是神經多樣化的圖片,可能就需要簡單 以及非常明確的指示最好能試試在瀏覽網路時 流程中共有三個或四個畫面,一次全部做出幾個選擇,直到 。新型技術應用程式沒有這些指南。

我們有幾家公司經營開發運作 如果你嘗試使用我們的服務 你就會覺得自己「天啊」你知道嗎?我們試著將廚房水槽裝箱 最近用過的所有介面

Alexandra:可否分享舉例?

Melanie:例如,GitHub 有包含巢狀分頁的下拉式選單。且 [嘆氣的嘆氣],我因沮喪而失望 (即使我很沮喪)。新世代網路 才能滿足新的需求不過,我們也有責任 我們才知道採用負責任的 AI 技術

這就是我的熱情所在。我不想讓其他人參加 才能取得工作

Alexandra:百分之百。大家常會思考如何打造 可以為外部使用者提供無障礙產品 公司員工

Melanie:我覺得各位知道,這項募資建議可能會是怎樣的 造福所有人

我隨時都聽到工程師說他們想實現無障礙設計,但「我的 也不會在乎我相信他們會關心!你只要橋接業務 計算邏輯落差向客戶展示商家的優點,網站已開放 來源。 貢獻和編輯內容

Alexandra:無障礙中心通常是流程末端,例如:「噢 先把這個頁面設為容易使用」但這還需要一點時間 日後再加以整合 專案。

Melanie:我經常說:「要付費建構一次,還是想要付費? 因為我們才願意花費一兩次

Ember.js 與無障礙中心核心團隊

Alexandra:我知道你們也參與 Ember.js 架構核心團隊。 你如何參與?

Melanie:我被聘僱在 JPMorgan Chase 任職公司 投資銀行平台。Ember 是大量使用的 JavaScript 架構 當你需要穩定 (甚至是無聊) 的基地時, 讓您省去寫程式的麻煩。Ember 以倒退的姿勢面對 保證相容性 — 即使發生 主要版本。我們確實嘗試漸漸增加,因此不會中斷

反正,我前來參加一場 Ember 會議,並在 社群。他們真是太善良了。還有 完善的行為準則 根本沒想到其他地方收不到的

我脫離軍隊後,我想到資安事件發生。我參加了 則在那裡沒看到其他女性一位年長者之一 看著我說:「你確定在對的地方在對,嗎?」

Alexandra:[Groans] 受傷的時候,這實在很令人意外。我 經歷類似的問題

Melanie:我想說 2011 年,還是 2012 年?作業環境已與過去大相逕庭 非常好我從那晚的聚會中留下了,藉此證明瞭這一點。不是 留言讓我被破壞了。我打破笑話、記錄得很好, 參與了對話,因此大家都知道我在場。我覺得好多了 就是證明男人不可能的職業

但我不想讓女性變成軟體工程師,只是為了證明男人有錯,I 願成為軟體工程師 想打造令人驚豔的事物 信任關係女性有這種職涯選項。

Alexandra:當然可以。

Melanie:我跟 Ember 社群分享了我對於無障礙功能的瞭解。 身為銀行平台 你必須遵守美國聯邦政府的 Google Cloud 就是最佳選擇Yehuda Katz 和 Tom Dale 表示:「我們的團隊有點不足。三 他們擁有眾多 JavaScript 專家、效能專家、異於世人 而是需要具備無障礙知識的人員。」他們邀請我 加入核心團隊

我正在籌備相關計畫,讓 Ember 預設無障礙。也就是說 說出「ember new <my-app-name>」時,應立即傳遞 WCAG 成功標準

Alexandra:我在 GitHub 上看到許多 Ember 適用的無障礙工具。 您發現 Ember 社群成員很樂於協助 這些工具呢?

Melanie:這是這項工作裡非常令人興奮的一環。我寫了 在 LinkedIn 工作時,Ember 的無障礙程式碼檢查規則。然後我離開 透過 LinkedIn 與 Hashicorp 攜手邁進,其他員工 所以對他們來說很實用。這就是問題所在 放鬆一下,我就興奮

我們接受這個基本原則是,無障礙是公民權利。話說回來 討論。

探討內容:我們可以做什麼?發生在何時?我們要怎麼做?如何 如何以回溯相容的方式運作?我們如何協助開發人員提供 開發人員不需要額外建立額外的功能, 的計畫?

Alexandra:無障礙是公民權利。這給了我放鬆的!這項服務 是我們大家都知道的東西

Melanie:有人向我說「我不會用」這樣的說法 才能找到網際網路」或是:「為什麼我必須思考身心障礙 為什麼只有 5% 的使用者在運作時,對 90% 的使用者都照常運作?」我不會 因為經常從這些討論中分離工作

只要編寫無障礙程式碼,效能就會有所提升,因為 可使用 W3C 規格建立的網站您會使用 語意 HTML 而非 div ,而且會用到標題。親自選擇 只要<button>,而不要將點擊事件新增至 <div>,您就能 效能提升

執行一個動作:自動化無障礙功能

Alexandra:網頁程式開發人員該如何打造無障礙設計 網站、

Melanie:新增自動化動作。從現有的 Linter 開始 使用任何程式碼類型我不在乎 你用了!如果其中一項規則違反規則,建構作業應會中斷。

AI 尚未解讀意圖,因此部分項目無法自動化。適用對象 例如,圖片的替代文字值應該有有意義,但目的 你知道的是什麼嗎?現階段,人類需要知道這一點,而不是自動化作業。

但自動化工具可告訴您 色彩對比。」只要 修復問題。別這樣,別說:「但我不想,採用這種方式。」 這不是關於你。而是讓所有 Google 員工 每天都在全球

無障礙無遠弗屆,而您想怎麼做那樣。我曾 這十年來,我還在持續學習 而且總是不斷地改變!不要防禦,只做自己


你可以前往 Melanie 的網站追蹤她的作品: melanie.codes 和 Twitter @a11yMel。查看她的無障礙資源 (pleasefunda11y.com) a11y-info.coma11y-automation.dev