醫療關懷資訊・無障礙網站

← 全部作品

醫病溝通關懷平台

概念示範 醫療關懷資訊・無障礙網站

醫療爭議後的關懷資訊平台,導盲磚、快速鍵、字級與高對比都做到位。

醫病溝通關懷平台 概念示範首頁畫面

本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。

設計方向

醫療爭議發生後,來查資料的人往往緊張又疲憊,也可能是長者或視力不佳的家屬。用鼠尾草綠與米白、大字距與清楚的層次,讓頁面安靜好讀;照著無障礙網頁 AA 等級的做法,提供跳到主要內容、導盲磚與快速鍵、三段字級與高對比模式。文案只說明關懷陪伴與溝通管道,明確寫出不做醫療鑑定、不提供法律判斷,不承諾任何結果。

版面重點

  • 頁首工具列:三段字級、高對比模式,下次開啟會記住設定
  • 導盲磚「:::」與 Alt+U/C/Z 快速鍵,焦點外框清楚
  • 四步驟線上關懷諮詢:每步可回上一步,少填欄位會提示並跳到該欄
  • 無障礙說明區,整理快速鍵與操作方式

手機版與動態

手機上照片移到標題上方,協助項目卡只留標題,步驟條改成短標,無障礙說明只留兩項。動態有首屏兩條細線從兩側靠近、內容淡入;開啟「減少動態」時全部停止。

其他案例

需求諮詢 →LINE