Full Title Test Results
See codepen demo for test page.
Summary Breakdown
Here is a summarization of test findings. Individual test breakdowns appear after the summaries.
Test 1: Accessible name and title are the same, with only capitalization differences
e.g. home vs Home
NVDA 2017.3
If a title and the accessible name for an element have the same value, but have variations in their capitalization or punctuation, when tabbing or using quick keys with NVDA, most screen reader and browser pairings will announce both the accessible name and the title attribute. Only IE11 links, and FireFox inputs recognize the redundant values and make a single announcement.
When using arrow keys to navigate content, all browsers and NVDA provide a single announcement.
JAWS18
Under the same test, JAWS primarily recognizes the redundant accessible name and title values, and provides a single announcement for inputs, and links accessed by arrow keys. However, JAWS will announce both the accessible name and title attribute in IE11, Chrome and FireFox, when a link is accessed via the tab key, even if the values are the same with only capitalization differences.
VoiceOver
In Safari and Chrome on desktop, and mobile Safari, links and inputs consistently announced both the accessible name and title values even though they were the same with only capitalization differences.
Test 2: Accessible name and title are exactly the same
NVDA 2017.3
When navigating by the tab key, FireFox treats links and inputs with identical accessible names and title values as a single announcement. IE11 will do the same for links.
All other browsers for links and inputs, and IE11 for inputs, will announce both the accessible name and the title value, even though they’re the same.
JAWS18
JAWS will treat each link and input with identical accessible names as a single announcement, when accessed via tab key or arrow keys.
VoiceOver
On both desktop and mobile, links with identical accessible names and title values are treated as a single announcement. Inputs announce both the name and the title separately even though they’re the same.
Test 3: Accessible name and title convey different values
NVDA 2017.3
For links and inputs that have an accessible name and a title attribute with a different value, NVDA will announce both the accessible name and the title for these elements, when tabbed to, with the exception of IE11 which only announces the accessible name for a link.
Using the arrow keys to navigate to links, only the accessible name is announced in all browsers.
JAWS18
JAWS will also announce the accessible name and title for links and inputs, except when in Edge. In Edge inputs do not announce their title attribute when tabbed into.
When using arrow keys to navigate to links, only the accessible name is announced.
VoiceOver
On desktop with safari and chrome and with mobile Safari, VoiceOver announces the accessible name and title when interacting with links and inputs.
Test 4: Accessible name and value convey different values, with an aria-described by
NVDA 2017.3
Tabbing to links and inputs in all browsers resulted in NVDA announcing the accessible name and aria-describedby value. Title was ignored.
Using arrow keys to navigate to links only resulted in the accessible name being announced.
JAWS18
All browsers, except latest Edge, announced the accessible name and aria-describedby when tabbing to links or inputs.
Edge only announced the accessible name.
Using arrow keys to navigate to links only resulted in the accessible name being announced.
VoiceOver
VO + Safari on desktop and mobile, and Chrome on desktop all announced the link and input’s accessible names and aria-describedby values when these elements were interacted with.
Full Testing Breakdown
Test 1: Title + accessible name have different capitalization
NVDA Tab & Quick Keys
- FireFox
- Home link - Announcement of
aria-label&title - Input - Single announcement
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- IE
- Home link - Single announcement
- Input - Announcement of
label&title
- Edge
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
NVDA Reading
- FireFox
- Home link - Single announcement
- Chrome
- Home link - Single announcement
- IE
- Home link - Single announcement
- Edge
- Home link - Single announcement
JAWS18 Tab & quick keys
- FireFox
- Home link - Announcement of
aria-label&title - Input - Single announcement
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Single announcement
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label&title - Input - Single announcement
- Home link - Announcement of
- Edge
- Home link - Single announcement
- Input - Single announcement
JAWS18 Reading
- FireFox
- Home link - Single announcement
- Chrome
- Home link - Single announcement
- IE
- Home link - Single announcement
- Edge
- Home link - Single announcement
Desktop VoiceOver + Arrow Keys
- Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
Desktop VoiceOver Tab
- Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
iOS VoiceOver + Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
–>
Test 2: Title & accessible name are exactly the same
NVDA Tab & Quick Keys
- FireFox
- Home link - Single announcement
- Input - Single announcement
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- IE
- Home link - Single announcement
- Input - Announcement of
label&title
- Edge
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
NVDA Reading
- FireFox
- Home link - Single announcement
- Chrome
- Home link - Single announcement
- IE
- Home link - Single announcement
- Edge
- Home link - Single announcement
JAWS18 Tab & quick keys
- FireFox
- Home link - Single announcement
- Input - Single announcement
- Chrome
- Home link - Single announcement
- Input - Single announcement
- IE
- Home link - Single announcement
- Input - Single announcement
- Edge
- Home link - Single announcement
- Input - Single announcement
JAWS18 Reading
- FireFox
- Home link - Single announcement
- Chrome
- Home link - Single announcement
- IE
- Home link - Single announcement
- Edge
- Home link - Single announcement
Desktop VoiceOver + Arrow Keys
- Safari
- Home link - Single announcement
- Input - Announcement of
label&title
- Chrome
- Home link - Single announcement
- Input - Announcement of
label&title
Desktop VoiceOver Tab
- Safari
- Home link - Single announcement
- Input - Announcement of
label&title
- Chrome
- Home link - Single announcement
- Input - Announcement of
label&title
iOS VoiceOver + Safari
- Home link - Single announcement
- Input - Announcement of
label&title
Test 3: Title and accessible name convey different values
NVDA Tab & Quick Keys
- FireFox
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label - Input - Announcement of
aria-label&title
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
NVDA Reading
- FireFox
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label
- Home link - Announcement of
JAWS18 Tab & quick keys
- FireFox
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label - Input - Announcement of
labelonly
- Home link - Announcement of
JAWS18 Reading
- FireFox
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label
- Home link - Announcement of
Desktop VoiceOver + Arrow Keys
- Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
Desktop VoiceOver Tab
- Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
label&title
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
- Home link - Announcement of
iOS VoiceOver + Safari
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&title
Test 4: Accessible name & title convey different values & have a set aria-describedby
NVDA Tab & Quick Keys
- FireFox
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- IE11
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
NVDA Reading
- FireFox
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label
- Home link - Announcement of
JAWS18 Tab & quick keys
- FireFox
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label&title - Input - Announcement of
aria-label&aria-describedby
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label - Input - Announcement of
label
- Home link - Announcement of
JAWS18 Reading
- FireFox
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label
- Home link - Announcement of
- IE
- Home link - Announcement of
aria-label
- Home link - Announcement of
- Edge
- Home link - Announcement of
aria-label
- Home link - Announcement of
Desktop VoiceOver + Arrow Keys
- Safari
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
Desktop VoiceOver Tab
- Safari
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
- Chrome
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby
- Home link - Announcement of
iOS VoiceOver + Safari
- Home link - Announcement of
aria-label&aria-describedby - Input - Announcement of
label&aria-describedby