社群精選:Olutimilehin Olushuyi

Olutimilehin Olushuyi 是一位律師,也是無障礙設計的新手。我們談到了 JavaScript、國際標準,以及閱讀網站內容的重要性。

Alexandra Klepper
Alexandra Klepper

這篇文章是「學習無障礙」系列的一部分,旨在介紹社群專家。

Alexandra Klepper:您如何開始使用網站無障礙功能?

Olutimilehin Olushuyi 的大頭照。

Olutimilehin Olushuyi (Shuyi):好,這是個有趣的故事。我是律師。我在就讀最後一年時,發現自己不想在餘生從事法律工作。因此,我試著退學,但我的學務長兼「學校母親」Ayodele Atsenuwa 教授說:「讓我們來談談這個問題。就在最終一年—只要結束活動就大功告成了。」

我很高興她說這件事 很開心能完成任務,因為這能幫助我完成無障礙工作Atsenuwa 教授詢問我想做的事情 但我完全不知道

我開始尋找新的職涯機會,並與一些想要創業且需要律師的人溝通交流。那個機會並不適合我,但那是我第一次知道有人為我們使用的所有產品編寫程式碼。我心想:「我可以接手處理。」我開始自學 HTML 和 CSS。然後我變成 JavaScript,然後... [笑聲] JavaScript 確實做到了 JavaScript 所以我回頭討論前端語意語言

我看到 Andy BellHeydon Pickering 的作品。我購買了 Every Layout,它改變了我的人生。Andy 一直提到無障礙功能,但我不知道這在這個情況下代表什麼意思。我知道自己即使不懂如何編寫 JavaScript,也能開發網頁!

我曾與 Heydon 聯絡,他非常樂意回應。無障礙領域的每個人似乎都是如此,我對此深感感謝。

Alexandra:我完全同意,我與之間的對話對象都非常親切,也非常樂於提供協助。

Shuyi:當然可以。目前,我投入了更多心力在倡議活動中。我位於奈及利亞,當地法律並未規定網站必須符合無障礙標準。《身心障礙者歧視禁止法》於 2018 年通過。但網路無障礙法並未存在,只有實體無障礙法。這就像美國的《美國身心障礙法》(ADA)。我們的法律結構不佳,但總比沒有好。

我意識到,如果想有所作為並成為以無障礙為重點的開發人員,我必須先讓生態系統瞭解無障礙需求。我開始在推特上發文,宣揚無障礙設計。我與公司和品牌進行了討論,因為這類合作夥伴必須支持無障礙設計,才能讓無障礙設計發揮作用。

Alexandra:我相信,在無障礙設計方面,你的法律背景非常實用。您可以閱讀新法規,並以一般人無法理解的方式加以解讀。包括一般開發人員。

Shuyi:我認為,法律背景帶來的最大禮物之一,就是我可以坐下來閱讀無止盡的背景資料,也就是非常冗長的文件,而不會感到疲倦。雙腿摺起來 放上筆電,馬上開始閱讀且立即讀。並閱讀。這有其優點,

Alexandra:我很羨慕你,這真是一項很棒的技能。您是否會與政府合作,推動通過數位無障法?

Shuyi:老實說,我認為並非如此。與政府互動是另一回事。政府需要花很長時間才能做某些事 尤其是個人身分這類工作更適合非政府組織和其他擁有人力和資源的機構。

這項實體法規通過的時間很長,而且無障礙需求已遠遠超出多年前法律所規定的範圍。就好像即使世界已然改變,仍通過了第一版草案。

無論最終結果如何,我們很高興有可依靠的東西。根據法律規定,

建立無障礙版面配置

Alexandra:我看過你在 Smashing Magazine 發表的文章「<article> vs. <section>: How To Choose The Right One」,以及這篇文章的靈感來源Twitter 討論串。您認為有哪些重點值得網頁開發人員學習?

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

一開始,我就網站設計算是計算段落數,並放到區段和文章中,完全沒做過事。不過,有人提醒我,我可能誤用 sections,這是我第一次想到這點。閱讀內容是您可以採取的做法之一,可協助您打造更優質的產品。

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 文件建議加入標頭,但不會真正說明優點。

當然,規格變更的頻率不如使用者需求,因此只要您能備份變更建構方式的決定,應該就沒問題。

舉個例子說明。假設您要建構名為「Prices」的資訊卡元件,其中包含三個元素。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 追蹤 @shuyiolutimi,掌握 Shuyi 的最新動態。