Sa11y 4.1.1

Minor enhancements. View update notes for Sa11y 4!

• The alt text check for file extensions now also detects image dimensions, e.g., alt="banner-900x400". The regex looks for image dimensions (like "900 x 400") by matching two numbers separated by "x," and uses word boundaries to avoid mistakes with similar phrases like "10x zoom."
• Added new props to configure the edit button in the Image Outline:
  • ignoreEditImageURL (Array) – If an image's src attribute contains any of the strings in this array, the edit button will not be shown for that image.
  • ignoreEditImageClass (Array) – If an image has any of the class names listed in this array, the edit button will be hidden.

Sa11y 4.1.0

Minor bug fixes and some enhancements. View update notes for Sa11y 4!

• Enhancement: When an element has both an error and warning outline, the error outline will take precedence. Thanks @Michael-Nesci!
• Enhancement: Additional video sources to ensure video iframe embeds get the appropriate warnings. New sources include: [src*="Video"], [src*="video"], [src*="watch"], [src*="wistia.com"], [src*="dailymotion.com"], [src*="brightcove.com"], [src*="vidyard.com"]
• Enhancement: Additional audio sources to ensure audio iframes get the appropriate warnings. New sources include: [src*="megaphone.fm"], [src*="spreaker.com"], [src*="anchor.fm"], [src*="rss.com"], [src*="redcircle.com"]
• Bug fix: Colour filters will correctly reset when the main toggle is turned off.
• Bug fix: Elements (like anchors <a>) within justify-aligned parent containers will not receive the same warning. Thanks @Michael-Nesci!
• Bug fix: When the colour filter is active during top-right and top-left panel positions, the remaining settings will correctly disappear.
• Bug fix: Fixed a broken <hr> tag in the French language file.

Sa11y 4.0.9

Minor bug fixes. View update notes for Sa11y 4!

• Resolved an issue with the image outline when the imageWithinLightbox prop is used.
• Fixed a bug where the this.disabled() method did not function correctly when the delayCheck prop was enabled.

Sa11y 4.0.8

Minor bug fix. View update notes for Sa11y 4!

Bug fix: When using the imageWithinLightbox prop, the "Linked" 🔗 icon will not be displayed in the Image Panel.

Sa11y 4.0.7

This update introduces new props for admins and some bug fixes. View update notes for Sa11y 4!

• Bug fix: Bolded text within the "Page Issues" panel no longer creates unintended line breaks.
• Enhancement: The "Error" and "Warning" text within the "Page Issues" panel now uses a semantic <h3> heading level for improved accessibility and structure.
• Prop change: The default behavior of ignoring links within navigation areas has been removed to ensure maximum accuracy in link validation. This default was initially introduced in an early version of Sa11y to reduce errors for content authors.
  • Before: linkIgnore: 'nav *, [role="navigation"] *'
  • After: linkIgnore: ''
• New prop: Use the insertAnnotationBefore property to specify selectors for changing the location where annotations are inserted on the page. This is particularly useful for containers where annotations are inaccessible due to issues like z-index values or other layout constraints.
• New prop: Use the imageWithinLightbox property to pass selectors and customize how images within links are processed. This is ideal for scenarios like lightboxes or image galleries, where images are wrapped in anchor tags solely for enlarging purposes. In such cases, the tooltip will provide appropriate guidance, as these images are not typical functional links pointing to specific URLs.
• Bug fix: The check for links that open in a new tab without warning or point to a file without warning will now bypass the linkSpanIgnore prop, ensuring that warnings are not incorrectly applied.

Sa11y 4.0.6

• Enhancements: Updated the Settings panel with minor visual improvements, including enhanced contrast for better accessibility and usability.
• New feature: Added a toggle button to move Sa11y's control panel to the left or right side of the screen. This option, along with the Dark mode toggle, is now grouped under the "Appearance" section in the Settings tab.
  • Thanks for the feedback @mstalfoort! (Issue #109)
• New developer prop: Introduced the ignoreHiddenOverflow prop, which prevents Sa11y from unhiding containers with overflow: hidden by passing specific selectors.

View update notes for Sa11y 4!

Sa11y 4.0.5

This update includes minor bug fixes. View update notes for Sa11y 4!

Bug fix

• Removed a cycle dependency error.

Sa11y 4.0.4

This update includes minor bug fixes. View update notes for Sa11y 4!

Bug fixes

• Enhanced accuracy of the LINK_CLICK_HERE check by using regex with word boundaries, preventing false positives in cases like "iClicker" or "clicked".
• Added a visible alert when the readability target area is missing (Issue #107 — thanks @brianteeman).
• Fixed the logic for props designed to add "Edit" links to the image outline.

Sa11y 4.0.3

This update includes minor visual changes. View update notes for Sa11y 4!

Enhancement

Enhanced UX for the "Developer Checks" toggle in the Settings panel by adding a visual indicator and tooltip explaining its functionality.

Sa11y 4.0.2

This update includes minor bug fixes. View update notes for Sa11y 4!

Bug fixes

• Overriding a check's content property now supports formatting shortcuts and unique variables (if applicable). Thanks @gregrgay
• Anchors with an onclick attribute will not receive warning for use of underline text formatting. Thanks @Michael-Nesci