Difference between revisions of "Accessible name calc"
Jump to navigation
Jump to search
Image with aria-labelledby with multiple id refs/h2>
| Line 83: | Line 83: | ||
<a href=”#”> jon<span aria-labelledby="aa1">not</span> </a> | <a href=”#”> jon<span aria-labelledby="aa1">not</span> </a> | ||
<p id="aa1">Avila <span aria-label=”is great”>D</span></p> | <p id="aa1">Avila <span aria-label=”is great”>D</span></p> | ||
| − | <p> Has an accessible name of "Jon | + | <p> Has an accessible name of "Jon not".</p> |
| + | |||
| + | <h2>Reference to aria-labelledby which contains content that has aria-label</h2> | ||
| + | <a aria-labelledby="aa2" href=”#”> jon </a> | ||
| + | <p id="aa2" aria-label="David">Avila</p> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
[[Category:ARIA]] | [[Category:ARIA]] | ||
Revision as of 03:34, 30 November 2016
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 with pseudo content
click here
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
click here
has an accessible name of "pool location"
Link referencing aria-labelledby with visibility hidden including children
click here
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 which contains content that has aria-label
Avila