提升emoji在網站上的無障礙性-下篇
            
            
                        延續上篇,我們繼續來討論怎麼提升網站的無障礙性。
在不同的顏色模式下測試你的emoji
預設情況下emoji是為淺色模式所設計的,但是具有視力障礙的人經常會使用深色或高對比模式來瀏覽網頁,普通使用者有時也會使用深色模式,因此,即便我們沒有深色模式切換器,但我們還是可以在深色和高對比度模式下測試要使用的emoji,來模擬作業系統中特定的輔助功能模式。
我們用Facebook發布文章來做測試,分別在深色模式與淺色模式下輸入幾項emoji,從下圖可以看到有些emoji在深色模式下是看不清楚的,這也是為什麼前一篇文章提到要盡量使用預設的黃色emoji。

和深色模式相比,在深色模式下不清楚的emoji在淺色模式下變得清楚可見,我們也可以使用 Chrome DevTools的色盲模擬器來檢視emoji的清楚與否。

不要使用emoji來傳遞訊息
我們應盡量不要用emoji來傳遞訊息,因為要接收訊息的那方不一定能夠理解它們。emoji可以做一些很好的補充,並為文字增添額外的含義,但它們不應該被當作主要的溝通方式。
現在年輕人喜歡用emoji來替代文字,例如:幫我打☎️預約今天🌇🕢的🦷👨⚕️(幫我打電話預約今天晚上七點半的牙醫),甚至是諧音🐀🐟(屬於)等,雖然讀起來有趣,但對於有認知障礙或用文字閱讀器的人來說可能會花更多時間瀏覽及理解內容,所以我們應盡量避免此舉。

考慮一下你的emoji否需要翻譯
如果我們使用的是多語言網站,那我們可能要考慮在編輯內容時使用的emoji是否需要本地化。
翻譯內容與為特定文化、語言和受眾編寫的原始內容不一樣,有時它們對來自不同文化的人來說可能意味著不同的東西,如果我們不熟悉所翻譯的兩種語言,那麼emoji在地化可能會很困難,不僅在語言層面,更多的是文化層面。
舉例來說,👌再大多數國家表示ok的意思,但在法國、比利時代表「零」或「一文不值」;在希臘、土耳其、委內瑞拉等地,則被視為挑釁地影射對方是同性戀者,所以我們應將emoji視為語言的任何其他部分,並且不要忘記將其本地化以適應更廣泛的文化背景。

總結
emoji的無障礙性是設計及管理網站時經常被忽視的一個方面,它會影響眾多有殘疾的使用者,包括有視力、前庭和認知障礙的人;深色和高對比模式、螢幕閱讀器和文字轉語音工具的使用者;以及多語言網站和應用程式的使用者。
emoji的設計、美觀和趣味性與emoji無障礙性之間並非全然對立,因此值我們可以反思上述問題並進行適當的調整,讓大家在使用網站時都有流暢並愉快地使用者體驗。
觀看上篇:
提升emoji在網站上的無障礙性-上篇
都已經看到這邊了,想必我們的文章一定有幫助到你。
                喜歡的話歡迎分享,或前往表單告訴我們你的需求,
                樂活會有專業團隊為您解答!
推薦好文
- 
        
                專案風險控管與危機應變,修補溝通斷點,矯正目標偏差
專案過程中我們看待真相的原理,從小專案到大專案都一樣,再嚴謹的 SOP,終究還是由人執行。口頭一句「已交付」或一篇公告,不會讓事情自動到位,說了不等於做了,發文不等於落地。
 - 
            
                    LINE Bot×CRM×AI 智能客服:從提問到結案的 SLA 流程與自動化
把客服做成一條完整可追蹤的「提問 → 受理 → 分級 → 轉真人 → 結案 → 回饋」閉環。 我們用 LINE Bot+CRM+AI 知識庫,把每一次對話變成可量化、可稽核、可優化的服務流程。
 - 
            
                    全運會集章活動系統上線:從遊戲化到資料化
LOHAS IT 推出全運會集章活動系統:任務引擎、雙因子場域驗證、反作弊、高併發與即時看板一次到位。從遊戲化參與到資料化決策,支援序號庫與庫存管控,現場快速調整、後續可接 CRM/BI,讓活動又穩又好玩。
 - 
            
                    系統開發流程解密:用Trello敏捷開發縮短時程、提高成效
在現代系統開發專案中,快速反應、靈活調整已成為基本要求。想有效推動敏捷開發,不僅需要正確的方法論,還需要好用的工具輔助。今天,就讓我們分享如何透過Trello,一款輕量化專案管理工具,實踐敏捷開發,加速交付成果!
 - 
            
                    網站設計走向模組化?套版與客製開發的抉擇
在數位轉型浪潮下,網站設計快速朝向模組化與效率導向發展。愈來愈多企業希望網站能快速建置、容易維護,同時兼顧品牌形象與系統功能,因此在建站初期,往往會面臨一項抉擇:該選擇快速套版?還是全面客製化?
 - 
            
                    常見的UI/UX設計誤區及實用建議
在UI/UX設計中,很多設計師往往會將精力集中在創新和美學上,卻容易忽略那些看似不起眼但至關重要的細節。然而,這些細節往往決定了使用者體驗是否成功。無論是直觀的導航系統,還是合適的色彩對比,都能對使用者的操作流程產生深遠的影響。一起來看看,有哪些誤區你也曾經不小心踩過呢?
 - 
            
                    網站搬家後流量暴跌?三大注意告訴你!
第一次聽到「網站搬家」時是不是都會歪頭疑惑?其實,網站搬家(Website Migration)指的是當公司決定更改網域、網站平台、網站改版或遷移主機時將進行的動作,例如,如果我想從lohas-life.cc換到lohaslife.com,就像我們搬家時不同住家地址,你也會需要做「搬家」的動作,網頁亦是如此。而這個過程中,常常會涉及到網站內容、網址的調整,但隨之而來的,往往是讓人頭痛的流量暴跌問題。此篇文章將分享三大點在網站搬家時必須注意的地方,一起往下看吧!
 - 
            
                    為何CTA按鈕不夠吸引人?五個設計錯誤讓使用者不知重點!
你是不是有過,明明精心設計了網站的CTA按鈕,但卻沒人點擊?CTA按鈕是網站轉化的關鍵,但如果設計不當,可能會讓使用者毫無興趣甚至直接忽略。為了避免發生這種可能性,此篇文章將分享五點供參考,下次製作時注意說不定就能改善狀況囉!
 
文章分類
最新文章
- 
        
        2024年網站設計趨勢重點(中篇)
 - 
        
        「文字單位」的奧妙
 - 
        
        淺顯易懂的Wordpress架站好處分享!
 - 
        
        架設網站的三種方式報你知!
 - 
        
        3大精選RWD預覽工具,工程師必看!
 - 
        
        必讀指南:點陣V.S向量的差別?常用圖檔格式種類分析
 - 
        
        Pop-up好惱人?如何選擇合適的一次告訴你!
 - 
        
        UI / UX原來不一樣?成功的網站原來他們缺一不可!
 - 
        
        網頁色彩要用哪一種色碼?你聽過HEX、CMYK、RGB嗎?(附推薦三種顏色小工具!)
 - 
        
        為什麼網頁跟設計稿不一樣!是跑版嗎?論響應式的重要性
 - 
        
        一頁式網頁是詐騙?三步驟檢視,守住血汗錢!
 - 
        
        還在用PS做網頁嗎?快來試試Figma!青春一去不復返
 - 
        
虛擬主機、實體主機傻傻分不清?虛擬主機大解密!
 - 
        
        線上預約是什麼? 15大超實用線上預約功能大解析
 - 
        
        為什麼我要架設網站?架設網站必看的五大關鍵要素!
 
熱門文章
- 
        
        為什麼我要架設網站?架設網站必看的五大關鍵要素!
 - 
        
        線上預約是什麼? 15大超實用線上預約功能大解析
 - 
        
虛擬主機、實體主機傻傻分不清?虛擬主機大解密!
 - 
        
        還在用PS做網頁嗎?快來試試Figma!青春一去不復返
 - 
        
        一頁式網頁是詐騙?三步驟檢視,守住血汗錢!
 - 
        
        為什麼網頁跟設計稿不一樣!是跑版嗎?論響應式的重要性
 - 
        
        網頁色彩要用哪一種色碼?你聽過HEX、CMYK、RGB嗎?(附推薦三種顏色小工具!)
 - 
        
        UI / UX原來不一樣?成功的網站原來他們缺一不可!
 - 
        
        Pop-up好惱人?如何選擇合適的一次告訴你!
 - 
        
        必讀指南:點陣V.S向量的差別?常用圖檔格式種類分析
 - 
        
        3大精選RWD預覽工具,工程師必看!
 - 
        
        架設網站的三種方式報你知!
 - 
        
        淺顯易懂的Wordpress架站好處分享!
 - 
        
        「文字單位」的奧妙
 - 
        
        2024年網站設計趨勢重點(中篇)
 
熱門標籤
- 網頁設計
 - 前端
 - 切版
 - API
 - Webhook
 - RESTful API
 - API Token
 - AI導入
 - 數位行銷
 - 專案管理
 - 設計
 - 品牌
 - 電商
 - 客製化網站開發
 - 網站設計
 - 系統開發
 - APP
 - UI
 - UX
 - 行銷
 - 技術
 - 綠界
 - LINE
 - 電子發票
 - 購物車
 - 第三方平台
 - 資安
 - PHP
 - Laravel
 - Wordpress
 - 人工智慧
 - 數位內容
 - 企業永續
 - 網通設備
 
如果文章讓你激盪出點子或疑問,歡迎致電或來信跟我們聊聊唷!
聯絡我們
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    









