Tests the #comp_name_from_content portions of the AccName Name Computation algorithm.

This series of tests exercises the button, heading, and link elements, because each have different characteristics worthy of testing in each of the name computation algorithm scenarios:

• button is a leaf node with sub-level elements presentational.
• heading is block level, and can contain sub-level interactives like links.
• link (a[href]) is an interactive inline element that can include non-presentational descendants.

ARIA roles, inline

ARIA roles, block

simple

label

simple with ::before

label

simple with ::after

label

simple with ::before and ::after

label

no space joiners ::before and ::after

label

Arabic right-to-left (RTL) with ::before and ::after

Alternative Text for CSS content (previously `alt:`) in pseudo-elements

rendered text should be "before label after"

accessibility label should be "alt-before label alt-after"

label

Mixed Alternative Text (attr() and strings) for CSS content (previously `alt:`) in pseudo-elements

rendered text should be "before label after"

accessibility label should be "start alt-before end label start alt-after end"

label

Empty alternative text for CSS content in pseudo-elements when applied to primitive appearance form controls

simple w/ for each child

one two three

simple for each child with image

one three

one three

one three

simple for each child with extra nesting containing image

one two four

one two four

one two four

heading with nested button with nested image

heading button button heading

heading with nested link with nested image

heading link link heading

heading with nested link with nested image using aria-label

heading ignored link text ignored link text heading

heading with nested link with nested image using aria-labelledby

heading ignored link text ignored link text heading

heading with two nested links referencing image using aria-labelledby

link1 link2 link3

heading with link referencing image using aria-labelledby, that in turn references text element via aria-labelledby

link

heading with link referencing image using aria-labelledby, that in turn references itself and another element via aria-labelledby

link

simple w/ for each child (w/o spaces and display:inline)

onetwothree

simple w/ for each child (w/o spaces and display:block)

onetwothree

simple w/ for each child (w/o spaces and display:inline block)

onetwothree