Improving suspicious alt word detection

Flagging <embed> tag

Some text

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.

Explicitly hidden button

Some text in English

中文网

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

Some text in a human language

Lëtzebuerg ass e Land an Europa.

I love ACT rules!

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.

This will be ignored in outline: something

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

Acc Name different than link text

Improve verbiage of tooltip

Ignore separators with low contrast

Contrast support for slotted elements

Exclude sup and sub from font size too small QA check

New check LINK_MAYBE_BUTTON

Disabled elements contrast

Improved detection of nonsensical alt text

Normalize alt attribute

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

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

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

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

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)

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)

investigation

Placeholder text

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

Test

aria-hidden

button

role='presentation'

learn more

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

Overflow hidden improvements

With overflow detection

Overflow detection disabled via prop

Non-vocalized characters in alt

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

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 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.

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.

Another slotted example

Slotted template

Pseudo content

Staff listing

Testing

¹ 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!

Progress

Some hidden text

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

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>

Two SVGs in a link

Linked image contains both alt and link text

Learn more about, Lorem.

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

Slick sr-only class

Empty div contrast?

test

Small font size but no text

Link too long

• Example
• Example 2

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,

Menu

Menu

Ignore this container

Menu

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!