Accessible name calc
Image
Image with aria-label and alt
having an accessible name of “here”.
Image with space for aria-label and alt
having an accessible name of “ ”.
Image with null for aria-label and alt
having an accessible name of “hello”.
Image with aria-labelledby with multiple id refs/h2>
Hello
Here
Hello
Here
Link
Link with pseudo content
has an accessible name of "click here".
Link with only pseudo content
Link referencing aria-labelledby with pseudo content
Link referencing aria-labelledby with display none including children
has an accessible name of "pool location"
Link referencing aria-labelledby with visibility hidden including children
has an accessible name of "pool"
Link referencing parent with aria-labelledby
Massive storm sweeps across nation click here
has an accessible name of "Massive storms sweeps across nation click here"
Link with aria-labelledby that contains some content with aria-hidden
Link with aria-labelledby that contains all content with aria-hidden
Link with text and span with aria-label and span with aria-labelledby
Avila D
Has an accessible name of "Jon not".
Reference to aria-labelledby element which has aria-label
Avila
Has an accessible name of "David".
Switch
Name as text content "running?"
Name as aria-labelledby "Is your refrigerator running?"
Name as aria-label "Fridge is running?"
Name as title attribute with text content "Running?"
Name as title attribute with no text content "Fridge is running?"
iframe
title "SSB's homepage"
aria-label "my label"
aria-labelledby "SSB's homepage"
Input no type
Explicit label
acc name is "first name:"
Implicit label
acc name is "first name:"
title attribute
acc name is "last name:"
aria-label attribute
acc name is "Middle name:"
aria-labelledby
acc name is "SSN:"
SSN:Input type text
Explicit Label
acc name is "first name:"
Implicit label
acc name is "first name:"
title attribute
acc name is "last name:"
aria-label attribute
acc name is "Middle name:"
aria-labelledby
acc name is "SSN:"
SSN:Object element
Inner text
acc name is "This is an object"
title attribute
Acc name = "This is an object"
aria-label attribute
acc name is "This is an object"
aria-labelledby attribute
acc name is "This is Flash"
Applet Element
Inner text
acc name is "This is inner textt"
Title attribute
acc name is "This is an applet"
Alt attribute
Acc name = "This is an applet"
acc name is "This is an applet"
aria-label attribute
acc name is "This is an applet"
aria-labelledby attribute
acc name is "This is Java"
Radiogroup
aria-labelledby
Acc name = "Preference"
aria-label
Acc name = "Ice Cream Preference"
title
Acc name = "Ice cream Preference"
Input type button
Value attribute
Acc name = "submit now"
Title
Acc name = "submit now"
aria-label
Acc name = "submit now"
aria-labelledby
Acc name = "submit and pay later"
Button
inner text
Acc name = "submit"
Title
Acc name = "submit now"
aria-label
Acc name = "submit now"
aria-labelledby
Acc name = "submit and pay later"