讓 Web 為所有人運轉 (中)

在〈讓 Web 為所有人運轉 (上)〉裡,你約略知道了 Web 在 20 年前的情況。但發展得越快,相關問題也就越亟待解決。而 Mozilla 認為目前妨礙 Web 發展的嚴重問題之一,就是跨瀏覽器的相容性。接著就來了解不相容的常見原因。


 

到底是哪些因素造成跨瀏覽器不相容呢?答案很複雜。以下是目前最常見的原因:

  • 開發者用了某款瀏覽器的專屬功能 (如特定前綴),以達到特殊效果。
  • 瀏覽器廠商在某功能標準化之前,就快速完成實作以供開發者所需。
  • 瀏覽器廠商在建構標準或修復錯誤的速度過慢。
  • 某些網站可能佈署了「辨識使用者瀏覽器 (User Agent Sniffing)」,以針對不同的瀏覽器傳送不同的內容。
  • 開發者可能過於依賴單一工具 (又可能僅支援單一瀏覽器),因此忽略了跨瀏覽器相容性的錯誤。
  • 產業的成長力道吸引更多 Web 開發者加入,但也造成開發者的平均經驗被拉低
webcompat_blog_graphics_600x800-03

簡易圖說:其實 W3C 已經規範 12,106 組 API,但未有任何一款瀏覽器完全建置。而且開發者使用 Chrome 的比例失衡,遠超過使用者的比例。

 

在 Web 發展初期就有某些挑戰等著我們去解決。當然,Web 的開發水準在這些日子來已有長足進步。許多實作與工具可幫助我們在所有瀏覽器上建構絕佳體驗。

開發者應詳閱以下幾點並審慎思考,讓自己的下個網站能向所有人提供豐富內容。

使用其他瀏覽器的人比你想像的還多

許多開發者認為自己使用的瀏覽器,就是其他人所用的唯一瀏覽器,因此只針對該瀏覽器開發網站。根據某些統計數字指出, 70% 的 Web 開發者在桌機上使用 Chrome,但只有 45% 的網民是跨所有裝置都使用 Chrome,也只有 57% 的人在桌機上使用 Chrome。只在 Chrome 建構並測試網站,就忽略了將近一半的全球使用者

瀏覽器市佔率也依地理位置有所不同。Chrome、Firefox、IE/Edge 在許多地方都獨佔鰲頭,但使用者的比例不一。德國人較愛用 Firefox;日本人則常用 IE;不少澳洲人選用 Safari。每 5 個越南人有超過 1 人使用 Chromium 的旁枝「Cốc Cốc」瀏覽器。只對單一瀏覽器設計自己的內容,就會錯失這些較獨特的市場。

最後,你愛用的瀏覽器功能,不一定適用於其他瀏覽器。瀏覽器廠商對不同功能往往有不同的實作排程。所以可能一堆人無法享受某瀏覽器的新 API。

這些因素往往會在意外狀況下一起發生:選用了所有瀏覽器不支援的 API,只用單一瀏覽器測試自己的網站,接著在該瀏覽器並不普及的市場中發佈了網站,結果就可能先喪失超過一半的潛在讀者,也就等於錯失了許多收益與客戶。我們當然應該多花點心力避免類似情況。

相容性將影響網站親和度

可跨瀏覽器相容的網站,代表必須針對未知的用戶端環境設計並撰寫程式碼,才能儘可能讓最多人接觸到網站內容。而讀者當然也可能是身心障礙人士,且相關人數可能超乎你的想像。如果你的網站能在所有瀏覽器上運作無虞,卻忽略了螢幕報讀軟體 (Screen reader),也就又失去了可能的機會。

身心障礙者也是一個龐大的市場。舉例來說,光是美國國內視力障礙的網民總人數,就超過全加拿大的上網人口。最新的 Web 功能早足以滿足這類讀者的需要,就等開發者實際建構而已。

關係網站親和度的存取技術,可不僅是對身心障礙者有所幫助,舉例來說:

  • 更適合報讀軟體執行的網頁,也就能更貼合搜尋引擎演算法。簡單的存取技術,如為圖片設定替代文字、在連結中使用敘述性的文字、僅 CSS 用於網頁風格、使用 HTML5 的語法標籤,都能提升整體網頁的搜尋引擎最佳化 (SEO)。
  • 影音內容的轉換,不僅對聽障人士有所助益,也有助於位處低頻寬地區 (無法下載完整影片) 的行動裝置使用者,亦能解決吵雜環境中聽不到影片聲音的情況。更多文字內容也有機會與關鍵字產生關連性。所以同樣和 SEO 息息相關。

使用者不切換瀏覽器,只切換網站

你可能想說使用者會換瀏覽器再進入你的網站,但其實許多人不會換,或根本無法換瀏覽器。

使用者對無法運作的東西沒什麼耐心,而是直接換去開發者競爭對手的網站就好。某個關鍵環節要是發生錯誤,就可能讓潛在客戶一去不回。根據 Akamai 的統計:

  • 32% 的使用者只要在網站上遇到問題,幾乎就不會進行任何線上交易了。
  • 35% 的使用者更會對網站留下負面觀感。
  • 45% 的人再也不會上你的網站。
  • 超過 22% 的人會離開網站找其他沒問題的網站。

 

不只如此,許多使用者根本不知道該如何安裝新的瀏覽器,甚至不知道什麼是瀏覽器;其實很多人不知道「網站」、「瀏覽器」、「搜尋引擎」之間的差異。

即使知道可以、想要安裝新的瀏覽器,也可能沒辦法安裝。許多公司限制員工只能用某款瀏覽器,或是如圖書館中的公用電腦也無法安裝其他軟體。

 

透過本文,你應該已經知道常見的不相容原因。接著請繼續透過〈讓 Web 為所有人運轉 (下)〉了解有哪些好用的工具,可讓自己的網站達到更高親和度、被更多人看見,進而掌握更多潛在的商機!

 

 

原文連結:Make the Web Work For Everyone

 

 

您可能也會喜歡

目前找不到相關文章

共 1 則讀者回應

  1. 參照: 讓 Web 為所有人運轉 (下) | 部落格 | Mozilla Taiwan

對此文章發表回應

你的電子郵件位址並不會被公開。 必要欄位標記為 *