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

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

責任編輯:傅珮晴

往下滑看下一篇文章
從防摔到防內傷!犀牛盾以 AirX 重構產品設計邏輯,開啟科技防護新革命
從防摔到防內傷!犀牛盾以 AirX 重構產品設計邏輯,開啟科技防護新革命

全球手機殼市場每年出貨量超過十億個,從早期以矽膠、PC、TPU 為主的防刮設計,到今日主打抗震、模組化與輕量化,產品推陳出新。然而,多數防護仍聚焦於「外部衝擊」的吸收與分散。隨著智慧型手機的內部元件愈加微小、鏡頭與晶片模組日益精密,即使外觀完好無損,內部卻可能早已受損。對此,犀牛盾決定重新定義「保護」的起點,催生出新一代的 AirX。當市場仍以「防摔高度」作為衡量標準,AirX 則開創了不同的思維,不只防摔,更防內傷。

AirX 打開新一代防護想像

摔一次手機,表面看似完好,內部卻可能已產生無法察覺的受損。即便不是劇烈重摔,日常碰撞累積的長期微震,也足以造成相機對焦偏移、天線錯位、晶片接點鬆動等問題,雖然未立即故障,但機身內部已種下延遲性故障的隱憂。

不易被察覺的內傷,將直接影響裝置壽命。然而,以一次落摔高度作為主要防護指標的手機殼標準,卻無法回應智慧型手機繁複且精微的內部結構。

對此,犀牛盾轉換產品設計思維,研發出新一代的 AirX。相較過往以材料厚度堆疊防護力的傳統做法,AirX 主張回到結構與能量行為的本質設計,將防護標準從「一次落摔表現」提升為「長期防護性」,展現更貼近現代手機使用情境的產品成熟度。

採用「內傷防護複合系統」, AirX 主要透過「衝擊隔離氣墊」與「高韌性抗壓結構」,讓衝擊能量在瞬間被重新導流與分散,避免能量集中直擊敏感元件。根據實驗室測試顯示,AirX 能隔離 81% 的衝擊能量,藉由多向導震削弱能量峰值,降低內部關鍵模組因單點衝擊而失準的風險。

犀牛盾
犀牛盾AirX極致氣墊緩衝手機殼,以360度包覆式氣囊設計,有舒適握感,能全面吸收衝擊。
圖/ 犀牛盾

功能與美感並重的新世代手機殼

科技隱形於日常。為了讓材料科學轉化為使用者的真實體驗,犀牛盾將汽車產業的測試邏輯導入研發流程,包括高強度 G 力撞擊、反覆翻滾落摔、AOI 光學檢測與按鍵疲勞測試等,確保產品在多次摔落、長期按壓與日常磨耗下仍能維持一致性,給予消費者看得見的實證基礎。

由於在結構設計上,AirX 採用 360° 包覆式氣囊,讓防護力不只集中於四角,更環繞整機形成全機環狀保護。同時,內嵌式按鍵設計也減少外力穿透風險,同時保留俐落的操作手感;雙側減壓氣室則提升握持時的受力分布,長時間持握也保持舒適。

呼應 AirX 的黑科技,外觀美學則以未來科技風格打造更具識別度的外型語彙。以未來科技風格,實踐空氣機能美學。微透霧隱氣室,包裹仿生外骨骼,造就 Y3K 時尚新物種。犀牛盾成功打造功能與美感並重的新世代手機殼,引領配件風潮。

犀牛盾
最新犀牛盾AirX極致氣墊緩衝手機殼,專為iPhone 17系列打造以多重防護機制降低內傷風險,達到81%衝擊隔離效果。
圖/ 犀牛盾

好的產品標準,來自對全生命週期的思考

當手機成為最貼近身體的科技產品,手機殼的標準也應愈趨苛求。因此,犀牛盾以材料科學、單一材料設計與循環再生,重新翻新「好產品」的定義。以使用者為核心,品牌為手機殼建立四大產品標準——防摔、永續、無毒、耐用,照顧到一款產品從使用到退役、甚至回收後重生投胎的每一個細節。

健康安全是第一道門檻。手機殼長時間接觸手掌與皮膚,材質的選擇自然不能含糊。犀牛盾全系列手機殼皆通過 SGS 檢驗,「PFAS、BPA、BPS、PBF」持續未檢出,讓使用者在日常使用中安心握持,不必擔心看不見的風險。

除了保護手機、保護人體,也必須回應對地球的長期責任。過去的手機殼往往被視為短命耗材,難以回收。犀牛盾以「現在塑膠™」為理念,從設計端降低複合材料比例、提高再生料使用,使塑膠保留再利用的可能性,把產品的後半段旅程也納入永續策略中。

犀牛盾
犀牛盾以「現在塑膠™」為理念,從設計端開始以「單1材料、0廢棄、100%循環再造」實踐循環設計法則,貫穿產品設計、生產、消費、回收,提高塑膠資源的使用價值。
圖/ 犀牛盾

為了讓循環真正落地,品牌的RHINO LOOP循環生態圈更在今年與全家便利商店合作擴大回收計畫,建立全台逆物流回收網絡,讓使用者能在日常動線中輕鬆回收舊殼。這些回收材料也能再度進入製程,成為新產品的一部分,讓手機殼從一次性物件,真正走向循環製造。

透過突破性的產品設計思維,犀牛盾以 AirX 訴說從內傷防護到循環設計的全新可能:手機殼不必止步於防摔,也能展現一種面向未來、也更負責任的保護方式。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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