社群精選:Olutimilehin Olushuyi

Olutimilehin Olushuyi 是一位無障礙教育領域的律師。我們談到了他運用 JavaScript、國際標準,以及閱讀網站內容的重要性。

這篇文章主要介紹社群專家,這是「學習無障礙中心」的一部分。

Alexandra White:如何開始使用網頁無障礙工具?

Olutimilehin Olushuyi 的大頭照。

Olutimilehin Olushuyi (Shuyi):好,所以這是個有趣的故事。我是律師。 我在上學最後一年才意識到,自己不想在畢業時 讀法了我曾經試著退出學校,但外省和「學校媽媽」Ayodele Atsenuwa 教授) 說道:「我們來討論一下這個情況。您已經到最後一年了—快完成。」

最後,我很高興她這麼說,也很高興我收下了 因為無障礙工作對我很有幫助。Atsenuwa 教授詢問了 我想做什麼,我完全沒想法

我開始尋找新的職涯機會,並與了一些想要創立新創公司且需要律師的人交流。雖然這次的合作機會不太適用,但這是我第一次知道大家要為我們使用的所有產品編寫程式碼。我心想:「我可以拿起這東西。」我開始教自己的 HTML 和 CSS然後,我決定用 JavaScript 來... [笑聲] JavaScript 都執行了 JavaScript 工作,所以我就回頭關注前端語意語言。

我看過 Andy BellHeydon Pickering 的工作。我購買每種版面配置,改變我的人生。Andy 持續提到無障礙設計 但我不知道該怎麼做我知道我也許不必瞭解如何編寫 JavaScript,也能開發網頁!

我與 Heydon 聯絡時,時間的反應非常靈敏且反應靈敏。無障礙欄位似乎就是每個人都這樣,我們十分感激。

Alexandra:我當然同意,我的每位聯絡對像都很善良,而且很有幫助。

Shuyi:當然。目前我在倡導方面多做很多事。我住在奈及利亞美國身心障礙者法案在 2018 年經過一段時間。然而,網路無障礙法則不是,只有實體無障礙的法律。 如同美國的《美國身心障礙者法》(Americans with Disabilities Act,簡稱 ADA),我們的法律固然不善,卻比一切都來得好。

我瞭解如果我有機會做出改變,並成為注重無障礙需求的開發人員,首先必須讓生態系統瞭解無障礙需求。我開始推文提及無障礙環境的推廣事宜。我與許多公司和品牌進行討論,而這些公司和品牌在經營無障礙服務方面需要獲得認可。

Alexandra:我認為您的法律背景在使用無障礙設計時非常有用。您可以實際閱讀新法規,並以一般人不會收到的方式理解。包括一般開發人員。

Shuyi:我認為在我法律背景中,最大的禮物之一,就是我可以坐在無盡的背景文本和冗長文件的頁面中,完全不會累。我剛摺好雙腳,把筆電拿起來 開始閱讀然後朗讀然後朗讀容器有優勢

Alexandra:我的意思是...真可惜,這是一項很棒的技能。你覺得自己是否曾與政府合作 順利通過數位無障礙法?

Shuyi:我真的不會是這樣。與政府互動是不同的球類遊戲。政府機構需要花費較長的時間 尤其是以個人身分進行事情這類工作對非政府組織和其他有人員及資源可帶來變革的機構更合適。

實體法已花費大量時間,而無障礙需求遠遠超出了多年前的法律規範。這就像是世界上發生了變動 但第一份草擬的草稿

總而言之,不管最終已過時,我們都很樂意提供協助我們必須依法執行。

建立無障礙版面配置

Alexandra:我閱讀了《Smashing Magazine》<article><section>: How To 選擇正確一一文,以及啟發此新聞的 Twitter 討論串文章。你覺得網站開發人員的一大重點是什麼? 您有什麼重點?

Shuyi:開發人員必須先閱讀內容,才能開始建構版面配置。

原本,在設計網站時,我只是把段落數計算下來 並把各個段落和文章都分開計算但是,有人會特別留意區段濫用,這是我第一次想到的。你可以閱讀相關內容 改善產品品質

Alexandra:當我成為開發人員時,我常有自由接案的客戶說:「噢,請幫我建構一些產品,我們稍後就會將內容填入。」確認有些頁麵包含自動背景資訊,例如聯絡資訊頁面。但我們瞭解要建構的網頁數量,以及需要哪種自訂支援,這只有在我取得內容時才能獲得解答。

Shuyi:在瞭解自己所知之前,我的最佳客戶會給我一些一般的設計想法,於是我建立了一個含有大量 lorem ipsum 的網站。我會搞定一切但如果您瞭解內容基礎架構對網路使用者的影響,就會發現 在網路上建構內容的標準程序,確實有瑕疵。您在建構內容時,一定需要特別留意。

這麼多的無障礙基礎架構工作根本毫無關聯,讓我感到失望。

Alexandra:您如何進行研究,確保文章中提供的建議正確無誤?

Shuyi:首先,我會將資訊來源區隔開來,也就是您在法律上會將資訊來源區隔開來,將主要與次要資料來源區隔開來。主要來源是實際法律 (例如 ADA 和奈及利亞的法律),次要資料來源則是專家對這項法律的解釋。

我決定只參照 HTML、WCAG 和 WAI-ARIA 規格的主要來源。我讀過別人的傑作,有很大的進步。但到了最終這些意見的差距很大,於是我決定只參考他們實用的背景資訊,而不是參考他們的正確答案。

打造無障礙社群

Alexandra:您提到自己嘗試將 Twitter 動態消息打造成方便使用的平台。自從《Smashing Magazine》文章發布以來, 您是否曾在 Twitter 上討論過許多其他話題?

Shuyi:最初幾天我不太能理解 Twitter。有許多人追蹤我,例如有 200 多人追蹤。一開始我很興奮,但之後也很害怕我才剛開始起步,別隨我來點點馬達智慧我加入了很多 Twitter 清單。

但就像個人我會張貼很多模稜兩可、無無障礙功能 的非網頁程式開發人員的推文我不想讓別人失蹤。千萬別因為無障礙設計,而別跟著我!我好像想讓你失望。

Alexandra:[笑聲] 我想很多人都認為我肯定會對 Twitter 人物角色感興趣

Shuyi:文章本身對文章的回應大多給予正面回應。我的文章好像有點爭議Vitaly 是我的編輯者,他會直接分享註解,並要求我進行調查。不過,該人員參照了 MDN 文件,內容表示所有文章都應該具有標題元素。建議您根據規格在這個部分加入標題元素,

MDN 文件建議加入標頭,但不會真正說明其優點。

當然,規格的變更頻率低於使用者需求,只要您能備份決定來變更建構方式,您一定會有幫助。

讓我舉個例子假設您要建構一個名為「價格」的資訊卡元件,其中含有三個元素。Hayden Pickering 建議您將每張資訊卡放入清單元素中。這樣一來,當使用輔助技術 (AT) 的使用者進入該部分時,系統會通知他們價格清單中有三個項目。您可以為清單設定樣式,讓畫面上沒有任何項目符號,並且按照自己想要的方式呈現,但這也能協助 AT 使用者優先取得實用資訊。如果您將每個項目包裝在 div 中,系統只會聚焦在視覺元素,對視障使用者沒有幫助。設計前請先思考人物

於是,我把這個想法轉換成網誌頁面。網誌文章實際上位於清單元素中。如此一來,使用者進入網頁時,就會收到快訊,指出他們已看過網頁數篇貼文。

所以,我看了本文中的建議做法,等著我瞭解 MDN 推薦的原因為止。

Alexandra:由於 MDN 文件是開放原始碼,您會建議變更內容並在該處更新嗎?

Shuyi:老實說,我還沒做出任何開放原始碼貢獻。但是,相較於與政府合作 我更希望這麼做

規格與實作

Alexandra:看來有個值得注意的例子,那就是有時規格僅為一件事,但實作和其他外部文件可能會建議採取不同的做法。使用者如何決定建議遵循的依據?

Shuyi:我很關心這個問題。我不確定自己有足夠經驗可以回答這個問題我們會不斷嘗試確保做法符合未來需求。因此,建議您隨著網頁的變化持續改進。這樣一來,當規格更新時,您就不需要翻新網站。也就是當前規格有三年之後 做出選擇的機會。

我們現在所做的每個選擇,就是最貼近未來網路環境的未來,

Alexandra:網路瞬息萬變,個人不能知道所有答案!規格是否在編寫時經過變更?

Shuyi:我在文件大綱模型從規格中移除之前,便開始撰寫文章。這個模型建議系統根據巢狀結構的深度自動計算標題層級。但從未實際實作 開發人員也為開發人員帶來許多問題我們建議開發人員手動修正標題。

如果文章在規格變更前就發布,我就可能失去了編輯權,畢竟目前收錄在《Smashing Magazine》的雜誌中。但如果它曾住在個人網誌上,對吧?別緊張。剛剛說的是更新文章 而不是根據不同規格而更新整個網站

是否預期開發人員會在規格變更時立即變更網站?當然不是並根據這些需求,在打造網站時做出最明智的決定。規格將會變更,但規格可能沒有答案。

善用無障礙設計事業

Alexandra:您花了多少時間思考全球無障礙標準?不同國家/地區的標準和法律有所不同,確定您已經閱讀及閱讀大量通知,也很確定某些法律也規定您必須行使相反的做法。在這種情況下,您會怎麼做?

Shuyi:我考慮成立業務的自由工作者,我走了一間全球網頁無障礙聊天室頻道 並詢問如何踏出第一步Adrian Roselli 主動表示:「您的客戶將仰賴您確保客戶遵守法律,因而可能會帶來重大後果。在您提供服務之前,必須知道自己的專業區域。請務必熟悉您所熟悉的法律,這樣在為自己生活時,不會使客戶承擔龐大責任。他們相信你瞭解法律。」

當然,許多商家都因為依法取得無障礙協助而尋求無障礙協助,並非只是因為這是正確的做法。大寫是導入無障礙工具的理由。歸根究柢

等我完全有信心能夠協助客戶遵守所在地區的法律後,我就會暫停自由交易。標準化是非常重要的,WCAG 的工作和影響不能被誇大聲明。針對網路運作方式製定核心架構,可讓政府更容易遵循相同的標準。不過,並非所有政府都接受這些標準。

Alexandra:在與您互動的旅程中,您有許多實用建議。在決定從事事業發展前,你還需要尋求其他建議嗎?

Shuyi:雖然這並不會改變我的職涯方向,但我也能夠知道,儘管無障礙工作相當可行,但這個問題更是受到能力影響。

Alexandra:[笑聲] 喔,沒錯。

Shuyi:我是國小。我有一年的無障礙經驗。 尤其是如果你位於非洲,特別是像我這樣,無障礙功能的定位有限。公司是聘僱經理 而能滿足各種法律要求但我想找團隊一起學習及培養技能

我很期待能在不學習 JavaScript 的情況下開始工作 只須瞭解規則,並協助我的團隊運用這些規則即可但是開發代理商的開發人員需要具備 JavaScript 經驗我搬到新城市 並加入 JavaScript 新手上路課程 希望可以滿足這些需求對於其他正在進行無障礙設計的使用者,請注意您應該先專注於培養開發技能。

我絕對不會相信,我還是不喜歡 JavaScript。

執行一件事:新增鍵盤焦點

Alexandra:[笑聲] JavaScript 是否讓我變成技術寫手,而不是開發人員?需要。沒錯,就是這樣。我非常討厭這個。預祝您的新手上路課程一切順利。

您希望開發人員如何確保網站可供存取?

Shuyi:鍵盤焦點。我正在從心中跳動。我的觸控板目前無法正常運作,所以當我出門在外時,我只能利用鍵盤瀏覽網路,而且幾乎所有網站都會這樣做。鍵盤焦點不僅能夠受益於身心障礙使用者,

打造無障礙平台讓所有人都能受惠。


透過 Twitter 追蹤 Shuyi 的工作內容 @shuyiolutimi