GripNews1d ago
🌕 我為這 128 kilobytes 所做的一切，比我之後建立的任何事物都更自豪
➤ 在限制中尋找卓越：一個 128KB 網頁應用程式的故事
✤ https://medium.com/@mikehall314/im-more-proud-of-these-128-kilobytes-than-anything-i-ve-built-since-53706cfbdc18
作者回顧了早期一個在非洲地區為客戶開發的專案，該地區網路基礎設施落後，使用者多為功能型手機。為了適應極其嚴苛的網路環境，團隊將應用程式的體積限制在 128KB 以內，並採用了系統字體、簡潔的JavaScript程式碼和伺服器端渲染等策略，成功打造出兼顧效能與無障礙性的使用者體驗。作者認為這個專案是他職業生涯中最值得驕傲的成果，體現了在限制下創造卓越設計的可能性。
+ 真的很有啟發性！在現在這個框架和龐大程式碼盛行的時代，看到有人能用這麼少的資源做出實用的東西，讓人反思我們是否過度依賴現有的工具。
+ 這篇文章讓我意識到，無障礙設計並不一定意味著犧牲美觀。相反地，在資源有限的
#網頁開發 #使用者體驗 #無障礙設計
I’m more proud of these 128 kilobytes than anything I’ve built since

I once worked with a UI designer who insisted it was impossible to create a product that was both within the Web Content Accessibility Guidelines (WCAG) and aesthetically pleasing. ‘It can be pretty…

Medium
GripNewsApr 9
🌘 讓盲人及低視力讀者更容易理解圖表的全新方法
➤ 科技助力無障礙閱讀，觸摸資料新體驗
✤ https://news.mit.edu/2025/making-graphs-more-accessible-blind-low-vision-readers-0325
麻省理工學院（MIT）的計算科學與人工智慧實驗室（CSAIL）開發了一套名為「Tactile Vega-Lite」的系統，旨在簡化觸覺圖表設計流程。此係統能夠將Excel等電子表格的資料轉換為標準視覺圖表和觸覺圖表，並內建了設計標準，幫助教育工作者和設計師自動創建易於觸摸的圖表。這項技術有望讓盲人及低視力讀者更容易理解各種資料，例如各州最低工資比較圖或各國GDP隨時間變化的趨勢圖。
+ 這真是個好主意！讓資料更容易被所有人理解，這體現了科技的價值。
+ 期待這套系統能更普及，幫助更多有需要的讀者獲取資訊。
#科技 #無障礙設計 #資料視覺化
A new way to make graphs more accessible to blind and low-vision readers

Designed to help blind and low-vision readers understand graphics, the “Tactile Vega-Lite” system from MIT CSAIL converts data into a standard visual graph and a tactile chart. Accessibility standards are hardwired as default rules within the program, helping educators and designers follow those guidelines.

MIT News | Massachusetts Institute of Technology
UNWIRE.HKDec 7, 2024
EA 無障礙遊戲技術開源化　協助遊戲業界採用友善設計
對於有身體不便的玩家來說，要暢順地玩到遊戲其實是一個挑戰，因此遊戲業界也逐漸加入無障礙設計，讓更多人可以享受到遊戲樂趣。EA 最近就將 23 項無障礙技術專利開源，降低使用這些技術的門檻。
The post EA 無障礙遊戲技術開源化　協助遊戲業界採用友善設計 appeared first on 香港 unwire.hk 玩生活．樂科技.
#遊戲情報 #ea #無障礙設計 #遊戲
https://unwire.hk/2024/12/07/ea-just-made-a-whole-bunch-of-accessibility-patents-open-source/game-channel/?utm_source=rss&utm_medium=rss&utm_campaign=ea-just-made-a-whole-bunch-of-accessibility-patents-open-source
EA 無障礙遊戲技術開源化　協助遊戲業界採用友善設計

對於有身體不便的玩家來說，要暢順地玩到遊戲其實是一個挑戰，因此遊戲業界也逐漸加入無障礙設計，讓更多人可以享受到遊戲樂趣。EA 最近就將 23 項無障礙技術專利開源，降低使用這些技術的門檻。

香港 unwire.hk 玩生活．樂科技
GripNewsAug 29, 2023
🌗 Webstudio遇見Radix UI
➤ Webstudio Builder中的Radix UI組件
✤ https://webstudio.is/radix
Radix UI是一個可幫助設計師建立高級用戶界面的組件庫，具有無障礙性和WAI-ARIA規範，可以自由定製，支持跨設備互動，並可在Webstudio Builder中使用。
+ 看起來很方便，可以省去很多編寫代碼的時間。
+ 無障礙性設計很重要，這個組件庫的內置功能可以幫助我們更好地實現這一點。
#網頁設計 #UI設計 #無障礙設計
Webstudio meets Radix UI

GripNewsAug 29, 2023
🌗 Accessible Palette：停止使用 HSL 作為顏色系統 | Wildbit
➤ 停止使用 HSL 作為顏色系統，介紹 CIELAB 和 LCh 的優點，以及一個名為 Accessible Palette 的新設計和無障礙工具。
✤ https://wildbit.com/blog/accessible-palette-stop-using-hsl-for-color-systems
本文介紹了作者在重新構建 Postmark 的顏色系統時遇到的問題，並提出了 HSL 顏色模型的缺陷和更好的替代方案 CIELAB 和 LCh。作者還分享了一個名為 Accessible Palette 的新設計和無障礙工具，以幫助設計師創建更好的顏色系統。
+ 這篇文章很有用，讓我對顏色系統有了更深入的瞭解。
+ 我很喜歡 Accessible Palette 這個工具，它可以幫助我更輕鬆地創建無障礙的顏色系統。
#設計 #顏色系統 #無障礙設計
Accessible Palette: stop using HSL for color systems | Wildbit

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

Wildbit
GripNewsMay 26, 2023
🌗 Fluent 2 設計系統首頁
➤ 讓流暢成為你的設計語言
https://fluent2.microsoft.design/
Fluent 2 設計系統是一個現代化的設計系統，提供各種組件和工具，可用於 Web、React、iOS、Windows 和 Android 等平台。此外，它還提供了無障礙設計工具，如色彩對比檢查和圖示縮放工具，以幫助設計師創建更具可訪問性的產品。
+ 這個設計系統看起來非常棒！我喜歡它提供的無障礙設計工具，這對我們的產品開發非常有幫助。
+ Fluent 2 的 UI 套件非常實用，我已經開始在我的項目中使用它們了。希望未來還能有更多的組件和工具添加進來。
#設計 #UI套件 #安裝指南 #組件 #資源 #無障礙設計 #色彩對比檢查 #圖示縮放工具
Fluent 2 Design System

Fluent offers solid, mica, acrylic, and smoke materials for different interface needs. Check technical limitations before deciding which is best for your design.

Fluent 2 Design System