firefox addon for youtube(如何測試電子郵件的可用性)

时间:2024-05-10 03:44:34 编辑: 来源:

如何測試電子郵件的可用性

測試電子郵件中的可訪問性不一定非常麻煩。電子郵件具有良好的可用性和包容性將增加您的目標受眾(1,2,3),并且還會帶來其他意想不到的好處。這些其他好處被稱為路緣切割效果( Curb-Cut effect )。起初當人們在輪椅騎手的交叉口處引入路緣切口(即斜坡)時,他們發現許多其他人也受益;即推嬰兒車/購物推車的人,送貨人員和步行者的人都使用這些新的路緣石幫助導航城市環境。

澳大利亞有400多萬人生活在某種形式的殘疾之中。也就是大約5人中1人是殘疾的。在我的一生中,我經歷了一些暫時影響我能力的健康問題。我今天可能沒有正式診斷殘疾,但當我想改變我如何消費信息時,我經常使用YouTube和Audio Books中的隱藏字幕等功能。

在考慮輔助功能測試時,很容易感到不知所措,需要考慮許多不同級別的測試。以下是只在發送電子郵件時需要考慮的

1.視力障礙(人們可以在電子郵件中使用屏幕閱讀器嗎?)

2.聽力障礙(任何鏈接的視頻內容是否有隱藏字幕功能?)

3.心理健康/智力/自閉癥譜(內容是否超出了人們的處理能力?是否遵循易于閱讀的邏輯?)

難怪人們經常把這種類型的測試歸類為困難。但是,如果從視覺缺陷測試開始,那么應該能夠獲得良好的投資回報,以獲得更具包容性的體驗。

大多數視力受損的用戶將使用某種屏幕閱讀器技術來瀏覽網頁。使用這種技術,可以使用聽而不是看文章。美國有2.3%的人口有某種視力障礙。這個統計數字可能會隨著人口老齡化而增長。語音接口的增長也將增加這項技術的用例。我更喜歡使用iOS的VoiceOver技術,但還有其他許多工具。Windows自帶Narrator,Android有TalkBack,還有付費軟件JAWS。

在運行iOS 11.3.1的iPhone 6上,可以進入設置>常規>輔助功能> VoiceOver

可以在此處將其切換,如果你不習慣以這種方式與移動技術進行交互,則可能很難使用VoiceOver進行關閉。為了解決這個問題,我在移動設備上啟用了輔助功能快捷方式。當我按下我的主頁按鈕3次時,我可以輕松地打開和關閉輔助功能。

當我使用VoiceOver測試電子郵件時;

1.首先,我會找到我想測試的電子郵件

2.然后使用我的主頁按鈕快捷鍵啟用VoiceOver

3.最后在屏幕上輕彈/滾動兩根手指

這使得屏幕閱讀器可以從上到下閱讀屏幕上的所有內容,并且可以測試流程是否有意義。有很多其他的使用VoiceOver的指南(12)。建議在移動設備上開啟屏幕閱讀器并熟悉該技術。作為一項測試,你能弄清楚如何使用屏幕閱讀器技術在手機上拍照嗎?

屏幕閱讀器將為看不到圖像的視力受損用戶讀出替代文字。替代文字是HTML圖像標記的可選字段。例如,使用Campaign Monitor的電子郵件生成器,我在圖像中添加了一個alt文本標記,以便為屏幕閱讀器傳達圖像的消息。這是圖片的HTML標簽;

這是電子郵件與圖片的相似之處;

我使用Firefox的網頁開發工具來替換圖片及其替代文字,以查看同一封電子郵件的下一個視圖;

1.檢查你的圖片是否有替代文字,并且它是否有用

2.檢查裝飾圖像是否有空白字符串或沒有替代文字選項,以便屏幕閱讀器不嘗試讀取圖像或文件名

3.不要在替代文字中包含“圖片”等字樣,因為屏幕閱讀器會認為它是圖片,然后繼續尋找替代文字。你會得到一個雙擊的“圖像。從你的屏幕閱讀器,這是非常煩人的

4.使用顯示替代文字的工具或用替代文字替換圖片以幫助測試

1.精通技術的用戶可以默認他們的電子郵件客戶端使用純文本電子郵件

2.純文本更易于訪問(不存在討厭的圖像或HTML布局)

3.它更私密,因為基于圖像的抓手不起作用

4.當人們考慮帶寬消耗時,例如在海外旅行時,它們是一個很好的回退選項

5.垃圾郵件將回退到純文本版本,因為電子郵件客戶端可能認為圖像和附件是危險的

大多數電子郵件服務提供商(ESP)應該有如何指導測試純文本電子郵件。測試純文本電子郵件時,我使用自己的Web托管服務,該服務具有默認為純文本的Web郵件客戶端。當我訪問這些測試郵件時,他們通常看起來像這樣;

與基本上基于圖像的電子郵件相比,使用純文本電子郵件的屏幕閱讀器將更容易。

約有4.5%的英國人患有某種形式的色盲(3)。為了幫助測試,我在iPhone上設置了一個灰度快捷按鈕。在附注中,為您的手機設置灰度也有助于防止沉迷(21)。

通過對發送給我最近的一個bug的電子郵件進行VoiceOver和灰度測試,我發現了一些與電子郵件有關的問題。首先,我用于“買粉絲nsent2track v3”文本的黃色突出顯示在灰度視圖下沒有足夠的對比度,使其突出顯示。其次,我沒有更新圖像的替代文字,我有一個舊的bug刪除了附加到圖像上的文字。如果我在發送這封電子郵件之前完成了這個測試,我會發現這些問題。以下是電子郵件的兩個觀點并排;

希望你現在認識到,測試電子郵件中的可訪問性并不困難。如果一個屏幕閱讀器與您的電子郵件一起工作,你有一個純文本后退選項,并且你的電子郵件仍然可以使用灰度級進行讀取,因此可以通過電子郵件提供絕佳的包容性體驗。

買粉絲s://nfb.org/blindness-statistics

買粉絲://買粉絲.買粉絲lourblindawareness.org/買粉絲lour-blindness/

買粉絲s://ssir.org/articles/entry/the_curb_cut_effect

買粉絲s://買粉絲mons.wikimedia.org/wiki/File:Pram_Ramp.jpg

買粉絲s://99percentinvisible.org/episode/curb-cuts/

買粉絲s://services.anu.e.au/human-resources/respect-inclusion/different-types-of-disabilities

買粉絲s://買粉絲.apple.買粉絲/au/accessibility/iphone/vision/

買粉絲s://support.microsoft.買粉絲/en-au/help/22798/windows-10-narrator-get-started

買粉絲s://support.google.買粉絲/accessibility/android/answer/6283677?hl=en

買粉絲s://買粉絲.買粉絲domscientific.買粉絲/procts/blindness/jawsdocumentation

買粉絲s://買粉絲.imore.買粉絲/how-use-voiceover-iphone-and-ipad

買粉絲s://買粉絲.campaignmonitor.買粉絲/resources/guides/alt-text-in-email/

買粉絲s://addons.mozilla.org/en-US/firefox/addon/web-developer/

買粉絲s://support.siteimprove.買粉絲/hc/en-gb/articles/115000013031-Accessibility-Image-Alt-text-best-practices

買粉絲s://買粉絲.w3.org/WAI/

買粉絲s://litmus.買粉絲/blog/best-practices-for-plain-text-emails-a-look-at-why-theyre-important

買粉絲s://blog.hubspot.買粉絲/marketing/plain-text-vs-買粉絲-emails-data

買粉絲s://買粉絲.smartinsights.買粉絲/email-marketing/email-deliverability/plain-text-vs-買粉絲-emails-2/

買粉絲s://help.campaignmonitor.買粉絲/plain-text-versions-of-買粉絲-emails

買粉絲s://買粉絲.youtube.買粉絲/watch?v=NUMa0QkPzns

原文鏈接

搜索关键词: