社群精選: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,這改變了我的人生。安迪一直提到無障礙功能,但我不知道在這個情境中是什麼意思。我發現自己可能不需要會寫 JavaScript,也能從事網頁開發工作!

我聯絡了 Heydon,他非常樂意配合,也很快就回覆。無障礙領域的每個人似乎都是如此,我很感謝這一點。

Alexandra:我完全同意,我遇到的每個人都很親切,而且非常樂於助人。

Shuyi:沒錯。目前我主要從事倡議工作。我位於奈及利亞,當地法律並未強制規定網頁無障礙功能。《身心障礙者反歧視法》於 2018 年通過。但沒有網路無障礙法規,只有實體無障礙法規。 這項法規與美國的《美國身心障礙法》(ADA) 類似,我們的法律結構不完善,但總比沒有好。

我發現如果想有所作為,成為以無障礙功能為重的開發人員,首先必須讓生態系統瞭解無障礙功能需求。我開始在 Twitter 上發布無障礙倡議相關推文。我與公司和品牌進行了討論,因為需要他們的認可,才能讓無障礙功能正常運作。

Alexandra:我猜你的法律背景在處理無障礙功能時非常有用。您可以實際閱讀新法規,並以一般人無法理解的方式解讀。包括一般開發人員。

Shuyi:我覺得法律背景帶來的最大優勢之一,就是我能耐心看完無止盡的背景資料和冗長的文件。我只要將雙腿彎起,放上筆電,然後開始閱讀即可。並閱讀。並閱讀。這有許多優點,

Alexandra:我好羨慕,這項技能很棒。您認為自己會與政府合作,通過數位無障礙法規嗎?

Shuyi:老實說,我不這麼認為。與政府機關互動是完全不同的事。要讓政府採取行動需要很長的時間,尤其是以個人身分。這類工作較適合有足夠人力和資源的非政府機構和其他機構,以推動變革。

這項實體法案耗費許多時間才通過,而無障礙需求早已遠遠超出多年前法案的內容。即使世界已改變,第一份草案仍通過。

無論最終結果如何,我們都很高興有東西可以依賴。有法律可供執行。

建立無障礙版面配置

Alexandra:我讀了您在 Smashing Magazine 上的文章「 <article> vs. <section>:如何選擇合適的工具」,以及啟發這篇文章的 Twitter 討論串。您認為最重要的一點是什麼?您希望網路開發人員做到哪件事?

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

一開始設計網站時,我只是計算段落數量,然後將段落放入章節和文章,沒有多加思考。但有人提醒我部分內容遭到濫用,我才第一次意識到這個問題。閱讀內容是改善產品的方法之一。

Alexandra:我還是開發人員時,自由接案的客戶經常會說:「請先幫我們建構一些東西,內容之後再填入。」當然,有些網頁會自動提供背景資訊,例如聯絡資訊頁面。但要瞭解需要建構多少網頁,以及需要哪種自訂支援,只有在取得內容後才能回答。

Shuyi:在瞭解我現在所知的一切之前,我最好的客戶會提供一般設計概念,而我會使用一堆亂數假文建構網站。我會弄清楚所有這些東西。但當您意識到內容基礎架構對網路使用者的影響有多大時,就會發現網路建構標準程序其實存在許多缺陷。建構項目時,您必須有明確意圖。

許多無障礙基礎架構工作完全沒有受到重視,這讓我非常難過。

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

Shuyi:首先,我將資訊來源分開,這是法律領域的做法,也就是區分主要和次要來源。主要來源是實際法律 (例如《美國身心障礙者法案》和奈及利亞法律),次要來源則是專家對法律的解讀。

我決定只參考主要來源:HTML、WCAG 和 WAI-ARIA 規格。我讀過其他人的作品,其中有很多佳作。但最後我發現這些意見差異太大,因此決定只能將其視為有用的背景資訊,不能當成正確答案。

打造無障礙社群

Alexandra:你提到想將 Twitter 動態消息打造成無障礙空間,自從 Smashing Magazine 刊登您在文章中分享的學習心得後,您是否在 Twitter 上進行了許多其他對話?

Shuyi:剛開始的幾天,我完全搞不懂 Twitter。 有許多人追蹤我,像是 200 多人。一開始我很興奮,但後來卻感到害怕。我才剛開始,別指望我會分享什麼人生智慧。我被加入許多 Twitter 清單。

但我是人,我發布的推文大多是模糊不清、與無障礙功能無關, 以及與網頁開發人員無關的內容。我不想讓大家失望。請不要因為無障礙功能而追蹤我!我會覺得自己讓你失望了。

Alexandra:[笑聲],我的意思是,我想很多人都這麼認為。我當然會注意自己的 Twitter 形象。

Shuyi:大多數人對這篇文章的反應都很正面。我收到一篇有點爭議的文章的回覆。 Vitaly 是我的編輯,他直接與我聯絡,分享這則留言,並要求我進行調查。結果發現,該人員參考的 MDN 文件指出,所有文章都應包含標題元素。我建議該區段應根據規格設定標題元素。

MDN 文件建議加入標頭,但並未說明好處。

當然,規格變更的頻率比使用者需求低,因此只要您能證明變更建構方式的決策合理,應該就沒問題。

舉例來說,假設您要建構名為「Prices」的資訊卡元件,其中包含三個元素。Hayden Pickering 建議將每張資訊卡放入清單元素。這樣一來,當使用輔助技術 (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:鍵盤焦點。我誠心誠意地懇求,我的觸控板無法運作,因此外出時我只能使用鍵盤瀏覽網頁,但幾乎每個網站都難以操作。鍵盤焦點不僅對身心障礙者有益。

打造無障礙平台可讓所有使用者受惠。


如要隨時掌握 Shuyi 的最新動態,請在 Twitter 上追蹤 @shuyiolutimi