Skip to content

Latest commit

 

History

History
836 lines (419 loc) · 17 KB

File metadata and controls

836 lines (419 loc) · 17 KB

Data

For each test case, I recorded the following (check out data.md for more details):

  • In what language or voice the screen reader announces the type of content (screen readers tell you if the content is a heading, an image, etc.)
  • In what voice the screen reader announces text content itself.

VoiceOver (desktop)

VoiceOver (desktop) + Safari

VoiceOver (desktop) + Safari + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Finnish voice

  • Link: English voice

VoiceOver (desktop) + Safari + using VO-right arrow to move the reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

VoiceOver (desktop) + Chrome

VoiceOver (desktop) + Chrome + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Finnish voice

  • Link: English voice

VoiceOver (desktop) + Chrome + using VO-right arrow to move the reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

VoiceOver (desktop) + Firefox

VoiceOver (desktop) + Firefox + continuous reading

  • Element descriptions: Finnish language (heading), English language (rest), Finnish voice

  • Title: Finnish voice

  • Heading: Finnish voice

  • Paragraph: Finnish voice

  • List items: Finnish voice (note: after announcing both the list and the first list item, it added "ja yksi kohde lisää, group", in a Finnish voice)

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: "image", Finnish voice + "uusi riivi, unknown" in a Finnish voice.

  • Button: Finnish voice + "uusi riivi, unknown" in a Finnish voice.

  • Portion in Spanish: Finnish voice

  • Link: Finnish voice

VoiceOver (desktop) + Firefox + using VO-right arrow to move the reading cursor

  • Element descriptions: Finnish language (heading), English language (rest), Finnish voice

  • Title: Finnish voice

  • Heading: Finnish voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: "image", Finnish voice + "uusi riivi, unknown" in a Finnish voice.

  • Button: Finnish voice + "uusi riivi, unknown" in a Finnish voice.

  • Portion in Spanish: Finnish voice

  • Link: Finnish voice

VoiceOver (desktop) + Opera

VoiceOver (desktop) + Opera + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Finnish voice

  • Link: English voice

VoiceOver (desktop) + Opera + using VO-right arrow to move the reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: silence

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

VoiceOver (desktop) + Edge

VoiceOver (desktop) + Edge + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Finnish voice

  • Link: English voice

VoiceOver (desktop) + Edge + using VO-right arrow to move the reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

VoiceOver (mobile)

VoiceOver (mobile) + Safari, Chrome, Firefox, Opera Touch, Edge

On iPhone, you can perform a simple gesture (by default, swipe up with one finger) to change VoiceOver language regardless of the OS language. If VoiceOver is in Finnish, everything is announced with a Finnish voice. When VoiceOver is in English, everything is announced with an English voice.

Note: when the word "image" is at the end of the alt text, the screen reader automatically removes it from the description. Same for when the word "button" is at the end of the button text content.

NVDA

NVDA + Safari

Not supported.

NVDA + Chrome

NVDA + Chrome + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Chrome + using down arrow to move reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Firefox

NVDA + Firefox + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Firefox + using down arrow to move reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Opera

NVDA + Opera + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Opera + using down arrow to move reading cursor

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Edge

NVDA + Edge + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

NVDA + Edge + using down arrow to move reading cursor

With screen reader UI in Finnish and screen reader voice in Finnish:

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

JAWS

JAWS + Safari

Not supported.

JAWS + Chrome

JAWS + Chrome + continuous reading

  • Element descriptions: Finnish language, some in Finnish voice (heading, list, link), some in English voice (image, button)

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

JAWS + Chrome + using the down arrow to move the reading cursor

  • Element descriptions: Finnish language, some in Finnish voice (heading, list), some in English voice (image, button)

  • Title: English voice

  • Heading: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Paragraph: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • List items: English voice

  • Informative image alt: English voice + silence

  • Informative image alt (explict lang attribute): English voice + silence

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Link: English voice

JAWS + Firefox

This combination didn't really work.

JAWS + Opera

JAWS + Opera + continuous reading

  • Element descriptions: Finnish language, some in Finnish voice (heading, list, link), some in English voice (image, button)

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

JAWS + Opera + using down arrow to move the reading cursor

  • Element descriptions: Finnish language, some in Finnish voice (heading, list), some in English voice (image, button)

  • Title: English voice

  • Heading: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Paragraph: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • List items: English voice

  • Informative image alt: English voice + silence

  • Informative image alt (explict lang attribute): English voice + silence

  • Decorative image: skipped

  • Button: English language

  • Portion in Spanish: Spanish voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Link: English voice

JAWS + Edge

JAWS + Edge + continuous reading

  • Element descriptions: Finnish language, some in Finnish voice (heading, list), some in English voice (image, button)

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

JAWS + Edge + using down arrow to move the reading cursor

  • Element descriptions: Finnish language, some in Finnish voice (heading, list), some in English voice (image, button)

  • Title: Finnish voice

  • Heading: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Paragraph: English voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • List items: English voice

  • Informative image alt: English voice + silence

  • Informative image alt (explict lang attribute): English voice + silence

  • Decorative image: skipped

  • Button: English language

  • Portion in Spanish: Spanish voice (plus long weird sentence in Finnish language and voice, ending with "kysymysmerkki 1 toinen osa")

  • Link: English voice

TalkBack

TalkBack + Chrome

TalkBack + Chrome + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

TalkBack + Chrome + swiping right to move reading pointer

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: skipped

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

TalkBack + Firefox

TalkBack + Firefox + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: Finnish voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: Finnish voice

  • Portion in Spanish: Finnish voice

  • Link: Finnish voice

TalkBack + Firefox + swiping right to move reading pointer

  • Element descriptions: Finnish language and voice

  • Title: N/A

  • Heading: Finnish voice

  • Paragraph: Finnish voice

  • List items: Finnish voice

  • Informative image alt: Finnish voice

  • Informative image alt (explict lang attribute): Finnish voice

  • Decorative image: skipped

  • Button: Finnish voice

  • Portion in Spanish: Finnish voice

  • Link: Finnish voice

TalkBack + Opera Touch Touch

TalkBack + Opera Touch Touch + continuous reading

  • Element descriptions: numbers in Finnish language and voice; otherwise, English language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: English voice

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

TalkBack + Opera Touch + swiping right to move reading pointer

  • Element descriptions: numbers in Finnish language and voice; otherwise, English language and voice

  • Title: Finnish language

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: English voice

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

TalkBack + Edge

TalkBack + Edge + continuous reading

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: English voice

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice

TalkBack + Edge + swiping right to move reading pointer

  • Element descriptions: Finnish language and voice

  • Title: Finnish voice

  • Heading: English voice

  • Paragraph: English voice

  • List items: English voice

  • Informative image alt: English voice

  • Informative image alt (explict lang attribute): English voice

  • Decorative image: English voice

  • Button: English voice

  • Portion in Spanish: Spanish voice

  • Link: English voice