助10億障礙者更順利上網!Stark扭轉網頁設計,有哪些巧思?
助10億障礙者更順利上網!Stark扭轉網頁設計,有哪些巧思?

根據世界衛生組織的資料所示,全球有超過10億名身心障礙者,約佔據了世界人口的15%。然而有98%的網站,因為字體太小、缺乏語音導覽等原因,並無法保障這些障礙者獲得與一般民眾相同的閱覽體驗。

當世界強調多元、共融的時候,卻鮮少顧慮到障礙者的感受,然而這背後最根本的問題來自於:網頁設計師不知道網頁的哪些設計不符合多元性。

看準這10億障礙人口背後達8兆美元的商機,美國新創Stark推出一款瀏覽器擴充檢查工具,幫助網站設計師即時檢視、修正網站的問題,創造出讓障礙者更容易使用的網站。

看準障礙人口達8萬億美元的商機,美國新創Stark推出瀏覽器擴充工具,幫助網站設計者創造讓障礙者更容易使用的網站。
圖/ Stark

對所有人共融的網頁出自於共融的團隊

為了滿足多元使用者不同的瀏覽需求,讓網站於桌機、手機、平板等各種瀏覽裝置皆能無障礙閱覽,全球資訊網協會(World Wide Web Consortium, W3C)發布了《網頁內容可及性指引》(Web Content Accessibility Guidelines),大原則就是提供足以傳達相等意義的「替代內容」,比如說播放影音時,如果關閉聲音,是否能靠影像獲得影音內容所要傳遞的完整資訊;反之,僅靠聲音,不看視訊畫面,是否能清楚理解影音內容。此外包含文字大小、顏色是否適合閱讀、網頁排版是否易於閱讀也都包含在其規範內。

不過其實無障礙網頁的受惠者不只有障礙者,而是「所有人」,非障礙者有時也會有縮放網頁內容的需求,因此很多企業開始重視網站的無障礙性。因為實踐無障礙網站的過程,意味著「讓所有人瀏覽網站時都能享有獲得相同資訊的權利」,這將使得障礙者與非障礙者都能有很好的閱覽體驗,提升在網頁停留的時間,帶來包含提高SEO搜尋引擎排名、展示社會責任、避免日後產品迭代時需要從零導入無障礙等優點。

看準背後的商機,以及切身體驗障礙者在閱覽網站時的不易,Stark的共同創辦人Cat Noone及Michael Fouquet以「簡化無障礙設計」為目的創立了Stark。Cat Noone表示Stark團隊中包含她自己,大多數員工都是障礙者,也讓Stark團隊更能以感同身受的視角去設計產品。

無障礙網頁的受惠者是「所有人」,而實踐無障礙網站的過程,就可能帶來包含提高SEO搜尋引擎排名的優點。
圖/ Google

自動糾出網頁不合格之處,幫助網頁設計師直接進行更改

隨著障礙者的權益越來越被重視,但是企業遇到的問題是:根本不知道標準為何。如果要確保網頁具備可及性,除了等待使用者問題回報,就只能大費周章的搞懂《網頁內容可及性指引》的內容,再逐一檢視、修改網頁。

Stark則提供了自動分析與檢查的工具,以擴充工具的形式插入Figma、Sketch和Adobe XD等前台設計工具,以及Google Chrome、Microsoft Edge、Opera和Brave等瀏覽器頁面,以此讓網頁設計師在設計完之後,輕鬆檢查網頁的字體大小、顏色選擇、對比度等要素,並即時修正,網站閱覽者就可獲得最舒適的閱覽體驗。

Stark的服務可分為3種:

1.自動產生替代文字

為了方便視覺障礙者了解網頁的圖片內容,網頁設計者大多會在網站上的圖片打上alt-text(替代文字),然而描述的內容為何、如何添加關鍵字等都是門學問,Stark趁勢推出Alt-Text Annotations的功能,自動掃描網站中所有圖像,以便網頁設計師一目了然地輸入alt-text,Stark也能自動推薦適合的文字內容,以此消除設計師對於哪些圖像需要文本,以及要寫什麼內容的疑慮。

Stark可自動掃描網站中所有圖像,並建議適合填入的文字內容。
圖/ Stark
alt-text:用戶自定義替代文字,也就是對圖片的「描述」,若與圖片相關,則可大大增加SEO。

2.顯示和糾正排版問題

排版是提供可及性的基礎,所以為了使網站內容盡可能易於閱覽,它需要對各種視力的人來說都是清晰易讀的。Stark會掃描網頁,並標記過小的字體,網頁設計師能直接在瀏覽器中使用即時預覽的功能,確保文字大小的易讀性。

Stark會掃描網頁,並標記小於建議的12像素字體大小的字體,使用者能直接在瀏覽器中調整後網頁文字大小。
圖/ Stark

3.網頁配色建議

考量到色盲佔全球人口的8%,而色盲又分為紅色盲、綠色盲、藍黃色盲等多種類,因此Stark也會自動產生網頁的建議調色比例,以確保所有類別的色盲患者,在瀏覽網頁時不會因為文字的顏色而干擾閱讀。

Stark提供跨閱覽裝置的相容性檢查服務,自動檢查及調整網頁的設計,使其滿足手機、電腦、iOS和Android系統的適宜閱讀尺寸要求。
圖/ Stark

累積達40,000名用戶,目標創立更多可及性的網頁

Stark目前是以訂閱制的方式計費,自2017年推出以來,Stark已被包括Canva、微軟、輝瑞等8,500個團隊中約40,000名用戶使用,並有超過25,000名設計師、開發人員和可及性專家在其社群上交流。

近期Stark獲得由Uncork Capital領投,前Github技術長Jason Warner、Canva產品主管Steve King、Shippo創辦人Laura Behrens Wu、Intercom共同創辦人Des Traynor和Front App共同創辦人Mathilde Collin跟投的600萬美元種子輪投資。

Cat Noone表示,網站的可及性不僅是一個公平問題,而且是一個越來越涉及合法性的問題,隨著越來越多的可訪問性法規,Stark肩負著一項艱鉅的使命,也就是透過非常簡單的工作流程,讓世界上的網頁都能被所有人使用。

資料來源:Techcrunch,World Wide Web Consortium(W3C)

延伸閱讀:
不用開會、沒有正職,Gumroad怎麼成為年收入3億元的一人公司?
3秒產出1000字文章!近日爆紅的「唬爛產生器」出自台大資工學生之手

本文授權轉載自:創業小聚

責任編輯:傅珮晴

往下滑看下一篇文章
打造AI無法取代的人才力,聯發科技攜手Hahow for Business培育跨域人才成果豐碩
打造AI無法取代的人才力,聯發科技攜手Hahow for Business培育跨域人才成果豐碩

在AI新世代浪潮下,兼具軟實力與硬實力的「T型人才」已躍升為企業人才培訓的新焦點。以聯發科技攜手 Hahow for Business 推出的「SPARK 實習生跨域軟實力學習計畫」為例,正是企業積極布局未來、培育全方位新世代人才的具體行動。

人工智慧的快速演進,正全面重塑我們對「學習」與「人才」的想像。隨著知識獲取門檻變低、學習方式持續翻轉,企業人才培育模式也迎來嶄新變革。在這波轉型浪潮中,擅長單一領域的「I型專才」往往難以應對多元挑戰,相反的,具備專業深度與跨域協作能力的「T型人才」成為企業招募與培育的核心焦點。

以理工科學生為例,雖然在校期間累積了紮實的專業知識與技術基礎,但往往在進入職場後,因為溝通表達、協同合作與專案管理等軟實力相對薄弱,面臨諸多挑戰、無法發揮潛力。為縮短「學用落差」與提升新鮮人的職場適應力,聯發科技攜手Hahow for Business在2025年共同推出「SPARK 實習生跨域軟實力學習計畫」,將工程師的個人效能訓練藍圖,提前至實習階段。計畫透過Learn-Apply-Reflect與10%-20%-70%學習策略,打造出「自主學習→練習→實際應用」的學習循環,全面加速準聯發人的培養、為企業注入新世代的競爭力。

聯發科技與Hahow for Business以「SPARK 實習生跨域軟實力學習計畫」加速培育人才

聯發科技始終堅信,每一位年輕人都蘊含著無限的發展潛力,只要能匯聚多元能力,即可激盪出創新火花、點燃成長的力量。這樣的理念也體現在「SPARK 實習生跨域軟實力學習計畫」logo設計:6道光芒象徵聯發科技永續經營的六大基石–全球觀、創新、人才、公司治理、綠色營運與在地實踐;而5道光芒則代表個人效能聚焦的5項關鍵能力:問題分析與解決、溝通簡報與影響力、專案管理、創意思維與成長心態。

SPARK計畫為實習生提供清晰的學習路徑,結合豐富的線上學習資源、個人練習與小組作業,同時搭配實體知識萃取工作坊,形成自主學習、同儕學習與應用及反思的學習循環。讓實習生不僅可以學習知識與實用技能,並真正將軟實力應用於工作場域。舉例來說,線上課程學習涵蓋「金字塔表達法」、「定錨點架構」、「ANSVA結構」與「SMART原則」等工具,並在為期兩個月的實習中,透過每週的應用練習、知識萃取工作坊與同儕小組報告,系統化強化關鍵軟實力,讓學習不僅止於「知識的獲取」更是「行為的展現」。

hahow
圖/ 數位時代

來自國立清華大學通訊工程研究所的實習生彭同學深有感觸的說:「能進入同一間公司,代表大家的硬實力相差不大,真正決定我們能否做對事情、把事情做好,是有沒有足夠的軟實力協同合作與向上管理,建議從大學三年級開始培養,並且持續不斷精進。」

國立清華大學半導體研究學院的實習生鄭同學同樣肯定軟實力的重要性。她說:「在學校,教授指派任務通常有明確的評分指標,但在實習時,主管交付的任務往往保留很大的自由發揮空間,為確保彼此有共識,我的作法是主動思考任務的目的,以手寫筆記進行結構性思考與建立清晰的表達邏輯,在與主管進行口頭報告時,則是以『金字塔表達法–先結論、後細節』的方式進行溝通,持續修正與取得共識、精準展開下一步。」

「理工科學生很容易陷入技術細節、分享時不自覺就是滿滿的專業術語,但這樣的溝通模式未必有助於專案進展。」來自國立陽明交通大學資訊網路工程學系的實習生洪同學表示,有效的溝通應該要跳脫技術本位,站在對方角度,說出讓目標聽眾共鳴的話,才能推進合作。「透過這次實習,我學會以『定錨點架構』讓溝通內容更有邏輯與說服力,以及透過『ANSVA–Attention /Need /Solution /Visualization /Action–架構』強化提案表達,就算面對全新的領域,也能快速盤點重點,並與團隊展開更有效的協作。」

「SPARK 實習生跨域軟實力學習計畫」創造的成效十分亮眼。活動期間在校園舉辦的多元跨域校園講座滿意度高達 94.6%;而在實習階段,儘管實習生同時承擔主管指派的專案任務,平均完課率仍高達 87%,並獲得大量正面回饋。許多實習生分享:「無論未來職涯選擇何種方向,這段期間累積的軟實力,都將成為持續突破與創新的關鍵資產。」

三大學習目標,支持年輕人才快速適應跨部門協作及全球化職場環境

聯發科技長期深耕技術創新與人才培育,積極推動學生硬實力與軟實力的緊密整合,以加速新世代人才的成長與轉型。此次首度與Hahow for Business合作「SPARK 實習生跨域軟實力學習計畫」實踐三大學習目標:首先建立創新與成長心態;其次強化簡報與溝通影響力及團隊合作;最後,培養問題解決、專案管理與行動決策能力。

Hahow
圖/ 數位時代

同時參加「SPARK 實習生跨域軟實力學習計畫」與3個不同專案計畫的國立清華大學資訊工程研究所實習生李同學表示:「實習期間,我必須同時處理三個專案,時間被各種會議切割得十分零碎,參加每場會議前,我至少得花費10分鐘翻閱紀錄或回想進度,改用實習期間學會的心智地圖追蹤專案進度後,只要 1 分鐘就能快速掌握最新狀況,執行效率大幅提升。」

國立台灣科技大學電機工程研究所的實習生董同學則認為:「軟實力之所以重要,不僅因為它能幫助我們在事前做好規劃、提升溝通的精準度,更關鍵的是,隨著這些能力不斷累積,將更有勇氣面對挫折與挑戰,不會輕易喪失對科技或對人的熱情。」

整體而言,聯發科技攜手 Hahow 好學校的合作,不僅著眼於短期彌補能力缺口,更展現企業對未來人才的前膽佈局與長期投資。當理工學生兼具專業深度與跨域軟實力,學用落差得以有效縮減,人才成長曲線隨之加速,產業也能在新世代人才的驅動下持續創新,形成良性循環,進一步鞏固組織的核心競爭力。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓