asdsd

doi.org/10.1145/3493612.3520468

Some text

My name
My name

My button!

Helvetica is a widely used sans-serif typeface developed in 1957 by Max Miedinger and Eduard Hoffmann.

The quick brown fox jumps over the lazy dog.

Projects | Objective
15% | 10%

World

Projects | Objective
15% | 10%

Event Type
Birthday

Projects | Objective
--- | ---
15% | 10%

Projects | Objective
15% | 10%

Linkypoo

## Explicitly hidden button

Some text in English

中文网

----=====++++++++___________***********%%%%%%%%%%%±±±±@@@@@@@@

My name

Some text in a human language

My pet's name
test

something

My name

See []

Lëtzebuerg ass e Land an Europa.

I love ACT rules!

They wandered into a strange Tiki bar on the edge of the small beach town.

They wandered into a strange Tiki bar on the edge of the small beach town.

They wandered into a strange Tiki bar on the edge of the small beach town.

They wandered into a strange Tiki bar on the edge of the small beach town.
They wandered into a strange Tiki bar on the edge of the small beach town.
Zij liepen een vreemde Tiki bar binnen, aan de rand van een dorpje aan het strand.

#

## Heading has non-empty accessible name (role=presentation on image)

#

## Button with role=none and negative tabindex

## Button with role=none and disabled

## Button with only role=none

## Explicitly hidden button

## Input type image with no accName

## Image made with div[role="img"] with no accName

## title attribute, but no alt

## role="none"

## Testing ignores

###### asds

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro architecto iure doloribus reprehenderit dolor velit quae, quam in magnam eum ex vel esse autem dolore inventore dolores, ipsa possimus numquam.

Learn more
Download
learn more something
learn more JKXLSKSK

### This will be ignored in outline: something

### This will be ignored in outline via string match: (Anchor)

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam dignissimos cum provident blanditiis temporibus quis eaque sit esse magni omnis inventore perferendis ea ab quam, tempora libero beatae odio consequatur. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos, voluptatem fugit, cum atque assumenda iste ut sequi veniam, vero nostrum quae. Officia cumque sed aliquid consequatur quae quia id ratione!

## Acc Name different than link text

learn more

## Improve verbiage of tooltip

Google or
Frugal or Frugal

## Ignore separators with low contrast

|
\
/

## Contrast support for slotted elements

This is white text slotted into a light gray shadow box.

This is dark text slotted into a light gray shadow box.

This text is dark, but the background is black via Shadow CSS.

## Exclude sup and sub from font size too small QA check

1Joint 155th in the QS World University Rankings 2026 and 170th in the THE World Rankings 2026, 2 The Graduate Market in 2025 report by High Fliers Research,
3Times Higher Education (THE) Impact Rankings 2025: Joint 2nd in the world for Responsible Consumption and Production; joint 17th for Climate Action

## New check `LINK_MAYBE_BUTTON`

MENU
where is the menu

## Disabled elements contrast

## Improved detection of nonsensical alt text

## Normalize alt attribute

`<img src="#" alt=" Image of a photo of a turtledove.">`

### 1. English Prose (I/A start)

I am planning to update the repository tomorrow morning.

A small update was pushed to the production server recently.

### 2. Manual Alpha List

a. Open the command terminal in the root directory.

b. Run the build command to generate the static files.

### 3. Romance Language Prose

A medida que avanzamos, los requisitos se vuelven más claros.

E depois disso, fomos todos para o escritório trabalhar.

### 4. Cyrillic Alpha List

а) Откройте настройки вашего профиля.

б) Измените адрес электронной почты на новый.

### 5. Bracket Style List

[a] Review the security protocols for the API.

[b] Ensure all endpoints are properly authenticated.

### 6. Initials in Names

J. Doe contributed to the first half of the project.

K. Smith managed the deployment phase successfully.

### 7. Roman Numeral Structure

I. Executive summary and project goals.

II. Detailed breakdown of the technical stack.

### 8. Numeric Sentence Starters

10 developers are working on this specific sprint.

1 apple per day keeps the doctor away.

### 9. Parentheses Alpha List

(a) First requirement for system access.

(b) Second requirement for system access.

### 10. Common Abbreviations

e.g. This is an example and should not be a list.

i.e. This is an explanation, not a list item.

### 11. French/Italian Prose

À mon avis, c'est une excellente idée pour le projet.

È necessario confermare l'accesso prima di continuare.

### 12. List split by BR tags

a. First part of a break-line list.
b. Second part of a break-line list.

### 12A. More Roman Numeral Structure

I) Executive summary and project goals.

II) Detailed breakdown of the technical stack.

### 12B. More Roman Numeral Structure

I) Executive summary and project goals.
II) Detailed breakdown of the technical stack.

### 13. Sentence starting with "A." (Initial)

A. Smith was the lead developer on the legacy system.

M. Jones took over during the migration phase.

### 14. Sentence starting with "A.M" (Initial)

A.M. Smith was the lead developer on the legacy system.

B. Jones took over during the migration phase.

A place

Along

A place
Along

A deeper

Beeson

I have accordingly been heartened by the strong support that Princeton faculty, students, staff, and alumni have given to academic freedom and higher education as part of our.

I am grateful for your partnership on academic freedom and so many other issues. You have strengthened this University at a time when its mission and values are more important than ever.

## Unpronounceable link text/symbols

🤝

↣

learn more ↣

ok ↣

## New prop `ignoreByTest`

Add specific exclusions by test name.

Howdy there
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto iste magnam iusto ipsum, fugiat ad voluptatibus repellat harum? Illum qui dolore eius voluptatem repellat delectus earum pariatur voluptatum corporis voluptates? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos sit quaerat tempore corporis temporibus ipsa dolores sunt molestias ratione est sint aut nostrum facilis eaque minima maiores, modi debitis ex?

Howdy there
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto iste magnam iusto ipsum, fugiat ad voluptatibus repellat harum? Illum qui dolore eius voluptatem repellat delectus earum pariatur voluptatum corporis voluptates? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos sit quaerat tempore corporis temporibus ipsa dolores sunt molestias ratione est sint aut nostrum facilis eaque minima maiores, modi debitis ex?

## aria-labelledby on inputs shouldn't flag warning for invisible labels

Lorem
Ipsum
Keyword Search

Search title, description, instructor, or subject & catalog number (e.g. COS126).

Keyword Search

Search title, description, instructor, or subject & catalog number (e.g. COS126).

## Remove false positive for fake heading detection

New College West and Yeh College
named for a gift from Jaimie and James Yeh '87, opened in 2022 near Poe Field, housing more than 1,000 students and featuring several named residence halls and community spaces. Aliya Kanji '97 made a gift to name Kanji Hall in New College West, the first Princeton building named for an Ismaili Muslim. The couple Kwanza Jones '93 and José E. Feliciano '94 made gifts to name Kwanza Jones Hall and José E. Feliciano Hall in New College West, the first two Princeton buildings named after Black and Latino benefactors.

New College West and Yeh College named for a gift from Jaimie and James Yeh '87, opened in 2022 near Poe Field, housing more than 1,000 students and featuring several named residence halls and community spaces. Aliya Kanji '97 made a gift to name Kanji Hall in New College West, the first Princeton building named for an Ismaili Muslim. The couple Kwanza Jones '93 and José E. Feliciano '94 made gifts to name Kwanza Jones Hall and José E. Feliciano Hall in New College West, the first two Princeton buildings named after Black and Latino benefactors.

## Gradient backgrounds where all stops have sufficient contrast

Named colour codes that pass.

Failing contrast.

Broken colour codes.

Multiple gradient stops.

Sufficient contrast.

Text on background image requires manual review!

## Testing non-descript text or link is only new window phrases

opens new tab
(opens new tab)
new tab.
learn more/
learn more!
- learn more -

Link with ignored substring: You were warned (opens in new window)

Link with new window icon: You were warned (opens in new window)

## Example (AnchorJS)

.
Everything here should be stripped away: . (ignore me) (External)

An informative video (opens in new window).

ignore me
Opens new window
(External link)

## New placeholder stopword: "test"

## Fix contrast suggestion within tooltip

If one colour input is unknown, contrast won't be calculated based on fallback and will continue displaying "Unknown"

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores fuga corrupti explicabo porro. Consequuntur, est minima aspernatur, nisi laudantium et recusandae fuga incidunt excepturi doloribus fugiat numquam obcaecati eaque accusamus.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores fuga corrupti explicabo porro. Consequuntur, est minima aspernatur, nisi laudantium et recusandae fuga incidunt excepturi doloribus fugiat numquam obcaecati eaque accusamus.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores fuga corrupti explicabo porro. Consequuntur, est minima aspernatur, nisi laudantium et recusandae fuga incidunt excepturi doloribus fugiat numquam obcaecati eaque accusamus.

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla, impedit commodi amet, delectus ut quia voluptas sapiente corporis accusantium laboriosam mollitia vero! Rem odit cupiditate amet perspiciatis, cum quaerat?

## False positive link that is single char but has title attr

## String and selector exclusions extended to visibleTextInAccName check

Blah blah ^

Something (External link)

Blarf download

investigation

## Placeholder text

Technically, placeholder is used as accName fallback. Alignment with axe-core too.

Texarea with a label

# Test

### aria-hidden

#### button

### role='presentation'

learn more
learn more

ignore me
Opens new window
learn more (External link)
(External link)

## Testing new `option.altPlaceholder`

## Potentially auto-generated placeholder for alt text

## Same page broken link check will ignore links with ARIA roles

Test Test

## Same link text but different location should ignore links with ARIA roles

- Accessibility - Regular link
- Accessibility - Regular link
- Accessibility - aria-hidden and negative tabindex
- Accessibility - disabled attribute
- Accessibility - has tab role

## Better sr-only detection.

Invisible contrast error below is ignored because sr-only text.

Off screen

Off screen element-invisible

## Clickable suggested colour

Clicking on suggested colour updates preview and saves hex to clipboard.

#ED7323

## Better detection of tracking beacons

## Broken link check ignored if within nav

## aria-hidden=false on a node within a button

## SVG contrast checking refactored

Previously it would through unknown for both foreground and background, despite it being possible to compute svg foreground colour.

## Don't flag contrast issues when font size is 0

Test

## Underlined text flagging improvements

Undergraduate Student Progressive Discipline

Undergraduate Student Progressive Discipline

Undergraduate Student Progressive Discipline

Undergraduate Student Progressive Discipline

Dr. Jeff XiThe majority of research in this stream is in collaborations with and Bombardier (external link) . Despite rapid advances in smart environments, aircraft interiors and flight experience have been nearly unchanged for many years. With technologies.

## Support for anchor positioning

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dicta delectus rem alias harum maxime voluptas suscipit impedit, dignissimos, quo officia pariatur sapiente consequatur aperiam? Totam hic beatae doloribus doloremque!

## Minimize false positives for underlined content

something

## Overflow hidden improvements

### With overflow detection

### Overflow detection disabled via prop

## Non-vocalized characters in alt

## SVGs that use <use>

Go to Sa11y
Go to Sa11y
Go to Sa11y

#### Something

## Testing <pre> within tooltip

Announcement

Lorem ipsum dulce, some really long text passage.

Lorem ipsum dulce, some really long text passage.

Lorem ipsum dulce, some really long text passage.

## Improve link check

- Programs without HTML extension
- Programs with HTML extension
- Programs with HTML extension and params

## Shadow DOM bug

###

## Empty heading & skipped heading level

#####

Empty heading should take precedence over skipped heading error.

## Text input with ::placeholder using colour spaces

Sample

## SVGs that use unsupported colour spaces

## Using CSS variables to override position of toggle and panel

          :root {
          --sa11y-toggle-y-offset: 40px;
          --sa11y-toggle-x-offset: 40px;
          }

## Images within an HTML Report export are converted to Base64

### Local host

### External origin

### Accordion

Image is just hidden in a div to simulate an accordion for the purpose of testing Skip-to-issue button.

### Existing base64 image on the page

### Existing base64 image in a hidden div

## outlineIgnore prop

Both items have a class of 'outline-ignore' but the error shouldn't be hidden from the Page Outline.

### This should not appear in Outline

###### This should not appear in the Outline or get a heading label. In iaculis mi in ligula interdum tincidunt. Vestibulum convallis tempus placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam a vehicula nisl, vel fermentum nulla. Donec sed augue non risus rhoncus feugiat id aliquet mi. Vivamus a laoreet nulla. Nunc sit amet dui quis turpis aliquam dapibus. Nam ipsum felis, aliquet in ante at, cursus eleifend ipsum. Cras interdum ligula eget mauris viverra, ultrices tristique sapien iaculis.

## Image panel's edit button exclusions

Edit button won't appear if URL or class contained in respective exclusion prop.

### Ignores by URL

### Ignores by class

## Image dimensions in alt text

Regex `/\b\d{2,6}\s*x\s*\d{2,6}\b/` matches stuff like 400x800, 400 x 800, 400 X 800, etc.

### Alts that should be fine

## Error border should take precedence

learn more

## Bug fix: multiple warnings for justified text that has anchors

The majority of research in this stream is in collaborations with Dr. Jeff Xi and Bombardier (external link) . Despite rapid advances in smart environments, aircraft interiors and flight experience have been nearly unchanged for many years. With technologies.

## Check for "new tab" or file type warning text should bypass `linkIgnoreSpan` prop

These used to incorrectly get a warning for missing "new tab" or file type text because of `linkIgnoreSpan` prop.

testing (new tab)

Download this folder (archive/zip)

learn more (new tab)

learn more (archive/zip)

## New prop: insertAnnotationBefore

Your Content Here

Misc bug fix where the word iclicker would get flagged for using word click.

Learn more about iclicker

Learn more about click here to learn more about stuff and things

Learn more about now click over there

Learn more about cliCk

When an anchor has `onclick` handler, and is wrapped around `<u>` elements.

Click me (has onclick handler)

## Another slotted example

John Doe A web developer from NYC. Learn more about stuff.

## Slotted template

Skipped level in a slot Slot content text filling correctly

###### This is a slotted heading

## Pseudo content

##### Staff listing

##### Testing

123

1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam dolor libero dignissimos veniam. Testing Totam dolores rem eligendi praesentium harum doloremque ducimus dignissimos, exercitationem, omnis ullam autem, dolor qui numquam. Et!

- Alumni
- Donors
- Break
- Employers and partners
- Future students

learn more

at 50/100

### Progress

70 %

## Some hidden text

Some text within a hidden div.

Original: TMU Website

## URL Variations

TMU Website - https://www.torontomu.ca/ [Same URL, should not be flagged]

TMU Website - https://torontomu.ca/

TMU Website - http://www.torontomu.ca/

TMU Website - https://www.torontomu.ca

TMU Website - HTTPS://WWW.TORONTOMU.CA/

TMU Website - https://www.torontomu.ca/ with trailing space

TMU Website - https://www.torontomu.ca/ with preceding space

TMU Website - https://www.torontomu.ca/ with trailing tab

## Dismiss Bug

Opens in a new tab without warning: TMU Website descriptive link text

Some text within a hidden div.

## Heading too long

Using prop to convert warning to error.

### Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat porro doloribus magnam nobis nisi! Officia earum reiciendis sequi cum voluptate cupiditate eaque asperiores quos, non voluptatum id mollitia, voluptatibus sit!

Example: Instead of Click here to learn more about George Orwell”, you learn more could write “Delve into the life and works of George Orwell at Britannica.

George Orwell at Britannica

George Orwell at Britannica

## Title attribute is same as link text or alt text.

### Image

### Linked image

### Link

Marie Curie Marie Curie

Instead of Learn more about George Orwell.

Next >

    <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
      <image href="./../docs/examples/assets/placeholder.svg" height="200" width="200" />
    </svg>

Nature.com upgraded to the HTTPS protocol http.Nature.com upgraded to the HTTPS protocol

Your browser does not support the video tag.
https://www.example.com/asdasdasdasdasdasdasdasdasdasdasdasda Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut provident consectetur accusamus quos excepturi dolore neque iste? Doloremque recusandae libero commodi quod nam in! Ut, ratione eaque. Voluptatibus, inventore suscipit! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem temporibus vitae reiciendis molestias libero similique odit aspernatur labore? Hic, sit incidunt omnis totam dignissimos aspernatur eligendi voluptatibus ducimus porro facilis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid soluta, dolore inventore cupiditate, error eius maxime laudantium delectus eos neque odit doloribus cumque repudiandae. Necessitatibus nemo natus pariatur laborum. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur, harum minima ipsum expedita corrupti sint, ex quod temporibus suscipit reprehenderit dignissimos! Corporis quam voluptate doloribus, voluptatem optio rem libero fugiat.

Summary of issues

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem unde qui veniam voluptatem, ad sequi rem, temporibus deserunt incidunt dolorum quis soluta ab sapiente nobis atque facilis, nam labore! Quae.

## Two SVGs in a link

### Linked image contains both alt and link text

Learn more about, Lorem.

asdasdsd

Name:

asdasdsd

asdasdsd

HSL Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem ea corporis nulla quidem culpa. Ratione autem nemo atque quam, doloremque libero officiis minima quasi debitis ducimus, nisi molestiae pariatur eveniet.

color() Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem ea corporis nulla quidem culpa. Ratione autem nemo atque quam, doloremque libero officiis minima quasi debitis ducimus, nisi molestiae pariatur eveniet.

Testing rgba... Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione dolores sint atque est accusamus. Saepe laboriosam, ad voluptas porro non enim quam cupiditate eius perferendis nostrum, recusandae quisquam quae illo!

## Testing testing

Building a vibrant community of creative and accomplished people from around the world

Top

## Slick sr-only class

Go to slide 2

## Empty div contrast?

Your browser doesn't support test

Small font size but no text

Attempt/Threaten Suicide Information on CPIC

learn more...

## Link too long

www.example.pt/asdsaasdsadsa/sdsdsdasdasdsddasdasds
www.example.pt/asdsaasdsadsa/dasdasds

- Example
- Example 2

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis consequuntur accusamus necessitatibus alias ipsum deleniti delectus at similique animi est? Reiciendis esse corporis saepe fuga modi vero ipsam assumenda libero. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis consequuntur accusamus necessitatibus alias ipsum deleniti delectus at similique animi est? Reiciendis esse corporis saepe fuga modi vero ipsam assumenda libero.

## Sa11y Ignore

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus magnam laudantium enim voluptas tempora libero illo magni aut, voluptatibus laborum placeat, et dolore quaerat? Ullam fugiat iusto illum vero ea.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus magnam laudantium enim voluptas tempora libero illo magni aut, voluptatibus laborum placeat, et dolore quaerat? Ullam fugiat iusto illum vero ea.Lorem ipsum dolor,

## Long text

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus magnam laudantium enim voluptas tempora libero illo magni aut, voluptatibus laborum placeat, et dolore quaerat? Ullam fugiat iusto illum vero ea.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus magnam laudantium enim voluptas tempora libero illo magni aut, voluptatibus laborum placeat, et dolore quaerat? Ullam fugiat iusto illum vero ea.Lorem ipsum dolor,

## Ignore this container

Information for

Some text here

## Link too long?

100 characters. consectetur adipisicing elit. Doloribus magnam laudantium enim voluptas tempo libero

200 characters. consectetur adipisicing elit. Doloribus magnam laudantium 100 characters. consectetur adipisicing elit. Lorem ipsum dolor, porem ipsum dolor, sit amet consectetur adipisicing how bouts

300 characters. consectetur adipisicing elit. Doloribus magnam laudantium 100 characters. consectetur adipisicing elit. Lorem ipsum dolor, porem ipsum dolor, sit amet consectetur adipisicing how bouts. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet quam tellus, a aliquet arcuc

### 300 characters. consectetur adipisicing elit. Doloribus magnam laudantium 100 characters. consectetur adipisicing elit. Lorem ipsum dolor, porem ipsum dolor, sit amet consectetur adipisicing how bouts. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet quam tellus, a aliquet arcuc

## Dismiss all

- Test 1
- Test 2
- Test 3
- Test 4
- Test 5

## Parent div has class of .carousel

### Only 1 image in the carousel

### Multiple images

## Alt too long for tooltip

## Inside the shadow dom!