Ambiguous Links

Competitor 1: Offscreen text

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Storms hit east coast, Read more

Competitor 2: aria-label

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Read more

Competitor 3: aria-labelledby

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Read more

Competitor 4: aria-describedby

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Read more

Competitor 5: wrap the entire section in `<a>` tag, and tweek CSS

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Read more

Competitor 6: unambiguous links

Storms hit east coast

Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns.

Results

	FF36.0.1/JAWS16	IE11/JAWS16	CHROME40/JAWS16	FF36.0.1/NVDA2015.1	IE11/NVDA2015.1	CHROME40/NVDA2015.1	VoiceOver in Safari	VoiceOver in Chrome	VoiceOver in iOS
1: Offscreen text	Works	Works	Works	Works	Works	Works	Works	Works	Works
2: aria-label	Works	Works	Works	Works	Works	Doesn't Work	Works (but not in links list)	Works (but not in links list)	Works
3: aria-labelledby	Works	Works (Not in Links List)	Doesn't Work	Doesn't Work	Works	Doesn't Work	Works (but not in links list)	Works (but not in links list)	Works
4: aria-describedby	Works (but not in links list)	Works (but not in links list)	Works (but not in links list)	Works (but not in links list)	Works (but not in links list)	Works (but not in links list)	Works (but not in links list, describeby waits 7 seconds to read)	Works (but not in links list, describeby waits 7 seconds to read)	Works
5: wrap the entire section in `<a>` tag, and tweek CSS	Works	Works	Works	Works	Works	Works	Works	Works	Works
6: unambiguous links	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works (Sighted people might not know there is more to read)	Works

FF36.0.1/JAWS16

IE11/JAWS16

CHROME40/JAWS16

FF36.0.1/NVDA2015.1

IE11/NVDA2015.1

CHROME40/NVDA2015.1

VoiceOver in Safari

VoiceOver in Chrome

VoiceOver in iOS

1: Offscreen text

Works

2: aria-label

Works

Doesn't Work

Works

(but not in links list)

Works

(but not in links list)

Works

3: aria-labelledby

Works

(Not in Links List)

Doesn't Work

Works

Doesn't Work

Works

(but not in links list)

Works

(but not in links list)

Works

4: aria-describedby

Works

(but not in links list)

Works

(but not in links list)

Works

(but not in links list)

Works

(but not in links list)

Works

(but not in links list)

Works

(but not in links list)

Works

(but not in links list, describeby waits 7 seconds to read)

Works

(but not in links list, describeby waits 7 seconds to read)

Works

5: wrap the entire section in <a> tag, and tweek CSS

Works

6: unambiguous links

Works