助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字文章!近日爆紅的「唬爛產生器」出自台大資工學生之手

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

責任編輯:傅珮晴

往下滑看下一篇文章
硬體新創如何打國際盃?邁特Demo Day揭出海關鍵:技術是門票,信任才是護照
硬體新創如何打國際盃?邁特Demo Day揭出海關鍵:技術是門票,信任才是護照

第十屆邁特創新加速計畫Demo Day在2025 Meet Taipei盛大登場。今年邁特以「邁國際」為活動主軸,邀請加拿大、新加坡、日本和台灣的專家,除了探討全球市場的開拓,也期望運用邁特創新基地,建立具磁性的網絡(Magnetic Net),持續吸引硬體創新團隊與專家,建構蓬勃發展的全球硬體生態系。

中華民國全國創新創業總會秘書長謝戎峰在致詞時直指,台灣市場量體小,硬體新創要走到小量試產非常不容易,過往台積電就是為輝達做到開源、加速整合的角色,「邁特也在系統面扮演同樣角色,從打樣、試樣到小量試產,提供新創全方位協助。」

從矽島進化新創島,「國際化」是關鍵指標

事實上,邁特創新基地自2016年創立以來,便致力成為硬體創新領域的加速器,期望提供「從0到100的解決方案」,並打通「硬體創新的最後一哩路」。邁特創新基地執行長戴憶帆指出,台灣被譽為半導體、電子製造服務強國,在全球產業鏈中具核心地位。如今,台灣正在善用「矽島」具備的卓越製造、供應鏈能力,聚焦創新研發,成為讓硬科技落地、加速商業應用的「新創島」,「其中,『國際化』絕對是衡量新創團隊能否快速成長、取得成功的最重要指標。」

邁特創新基地
加拿大駐台北貿易辦事處副處長拓喬丹特別蒞臨分享,期待與更多台灣新創攜手合作。
圖/ 數位時代

目前,邁特已幫助來自全球逾13個國家、超過150家的新創公司向外擴展。而為了具體展現協助台灣硬體新創出海、邁國際的決心,本屆Demo Day特別邀請來自跨國創投的專家,一同探討全球市場的開拓。

加拿大駐台北貿易辦事處副處長拓喬丹(Jorden Turley)首先指出,邁特的國際協同合作理念,與加拿大不謀而合,「加拿大視台灣為亞太戰略中,不可或缺的重要夥伴,我們彼此間不是競爭而是合作。」例如台灣在硬體製造、實作方面有優勢,加拿大則在設計方面表現出色,多邊合作有助於企業分散風險,並加速打入第三市場。

講好故事、建立信任感,打破技術迷思

跨界對談開場前,主持人邁特創新基地顧問柯旂,也先回應「邁國際」不只是今年的主題,更是台灣硬體創新的必然道路。本屆 Demo Day 不僅邀請到加拿大駐台單位、日本京都大學創投、新加坡創新生態圈代表,更有台灣創新總會秘書長、台經院等重要嘉賓蒞臨,一同見證台灣硬體新創與全球鏈結的關鍵時刻。跨界對談更邀請包含:日本京都大學創投(Kyoto University Innovation Capital)亞太區業務發展經理Raymond Woo,以及德國馬牌集團(Continental)旗下創投部門的合作與創投管理總監邱殷樂,為新創提供具體出海建議。

戴憶帆強調,「國際化」已是台灣新創現今最重要的課題,而新加坡、日本會是台灣進軍國際的首選前哨站。新加坡作為東南亞地區的中心,許多國際團隊選擇在當地募資、上市櫃,介接資源方便;日本則與台灣的文化、理念相近,相當重視「信任」、夥伴關係,加上在東京、京都等頂尖大學裡,有最前沿的技術,對需要發展應用、商業化成長的新創來說,是值得尋求技術互補的合作對象。

邁特創新基地
跨界對談由左至右分別為主持人邁特創新基地顧問柯旂、邁特創新基地執行長戴憶帆、日本京都大學創投(Kyoto University Innovation Capital)亞太區業務發展經理Raymond Woo,以及德國馬牌集團(Continental)旗下創投部門的合作與創投管理總監邱殷樂,與現場與會者進行交流。
圖/ 數位時代

邱殷樂直指,台灣新創的技術極佳、很有實力,甚至勝過美國、以色列的公司,「最大的問題,是不會講述自己的故事,以及不清楚如何對接正確的人和事。」他建議,新創在展開跨國合作之前,必須先確定在台灣的根基已穩,同時了解自家的技術優勢,以便說服投資人和潛在客戶;在和大集團、大客戶合作時,也要找到能推動技術使用的關鍵人物或團隊。

Raymond Woo觀察,技術背景出生的創辦人,經常會犯下只看技術、看不到大局的盲點,加上創業是相當依賴人脈的事業,「新創必須學習用技術來解決特定商業問題,並與合作夥伴建立最重要的『信任』,否則技術再好、再先進,也無法順利擴展、被妥善應用。」

硬體新創精銳盡出,智慧農業、智慧醫療、綠色創新吸睛

精彩的對談後,緊接著輪到參與第十屆邁特創新加速器計畫,涵蓋智慧農業、智慧健康、智慧製造與綠色創新等硬體領域的六組新創團隊,一一登台Pitch,並由邱殷樂、Raymond Woo、日本村田製造所新規事業推進部部長東端和亮、邁特創新基地日本代表顧問上野峻基和華碩電腦協理Sean Lai等業界先進擔任評審。

首先登場的台灣百應生物科技,是運用AI、電腦視覺技術,實現家禽養殖的自主監控,完全無需人工干預,準確度已可達98.5%。擴核生醫科技則打造一款模組化、可程式化的實驗室自動化平台,能將整合液體處理、細胞培養、影像擷取和資料分析等流程集於一體,加速生技與藥物開發的研發、驗證流程。雨傘不滴的綠色創新專利產品「傘不滴」,是透過物理擠壓與高科技吸水部件,讓雨傘四秒內便完全不滴水,取代一次性塑膠套,解決公共場所地滑和環保痛點。恆帝斯智能科技是結合ESG輔導與碳IoT設備,自主開發韌體,解決聯網不穩、斷電導致的數據品質等問題,助力企業邁向淨零轉型。領動智慧科技的空中手寫輸入技術,鎖定的是下一代殺手級產品「智慧眼鏡」,透過高精度動態感測,為智慧眼鏡提供直覺、隱私友善的文字輸入解決方案。超術感醫學科技研發的AR顯微手術模擬訓練系統,則利用真實手術器械,提供精確控制回饋與AI動作分析,解決傳統訓練器械缺乏的「手感」問題,能被應用在眼科、神經外科等高精密的手術訓練。

最終大獎,分別由台灣百應生物科技、擴核生醫科技和超術感醫學科技抱走。東端和亮直言,透過此次Pitch,一方面看到台灣在軟硬整合的實力,更令人激賞的是,「團隊在營利之外,還致力解決社會問題,創造美好世界。」

邁特創新基地
日本村田製造所新規事業推進部部長東端和亮特別代表評審團致詞,除了欣賞台灣新創軟硬整合的實力,更發現團隊在營利之外,還致力解決社會問題,創造美好世界。
圖/ 數位時代

從在地驗證到鏈結全球,助新創在國際市場站穩腳跟

團隊對於自家產品、服務的用心,正是邁特極力提倡的核心價值,也是台灣新創通往世界舞台的基石。邁特創新加速計畫的運作模式,便如同硬體創新領域的國際嚮導,持續為新創團隊提供在地技術驗證和商業基礎訓練,並將新創的產品對接到國外大廠、國際創投。未來,台灣新創若能持續深化國際化、與多元夥伴合作,並具備正確的敘事能力和出海戰略,必能加速向外擴展,在全球市場中站穩腳跟。

立刻了解更多
https://bit.ly/m/mightynet

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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