Sa11y 3.0.3

New translations

• Thanks to @JoseOrdaz for the Spanish translation! Readability analysis also supported.
• Added English (US) language file.

Machine translations by DeepL

Obligatory disclaimer: Machine-generated translations may contain errors or inaccuracies.

• Czech
• Danish
• Greek
• Estonian
• Finnish
• Indonesian
• Italian
• Japanese
• Lithuanian
• Latvian
• Norwegian (Bokmål)
• Dutch
• Portuguese (Brazil)
• Portuguese (Portugal)
• Romanian
• Slovenian
• Turkish
• Chinese (simplified)

Readability support

Readability analysis supports Danish, Dutch, Italian, Finnish, Norwegian, and Portuguese.

New ruleset

New ruleset to flag non-descript DOI links that are often used in references. For example:

<p>Adam Chaboryk. 2022. <strong>Creating an open source, customizable accessibility checker for content authors.</strong> In Proceedings of the 19th International Web for All Conference (W4A '22). Association for Computing Machinery, New York, NY, USA, Article. 6, 1–2. <a href="https://doi.org/10.1145/3493612.3520468">doi.org/10.1145/3493612.3520468</a></p>

…will yield the following warning:

“For web pages or online-only resources, the APA Style guide recommends using descriptive links by wrapping the URL or DOI of the work around its title. Longer, less intelligible URLs used as link text might be difficult to comprehend with assistive technology.”

Bug fixes & refactoring

• Configured autoprefixer.
• All SCSS files properly linted and fixed. Thanks @brianteeman
• Automated copyright notice and version number for docs.
• Colour filter <select> element should not create contrast issues in dark mode.
• Replaced exclamation mark (!) within Page Outline with proper error icon for visual consistency.
• Cleaned up sa11y.js - Removed redundant variables passed to various files, and instead pass single option object.
• Removed width & height from SVG CSS variables.
• Fix width of Settings switches for super long variations of “on/off" translations.
• Cleaned up and simplified Rollup config.
• Added text-align: start to tooltips and control panel to address edge cases where the body styling somehow leaks into the shadow DOM.
• readabilityRoot fallbacks to body when checkRoot is also undefined.
• Language files optimized.
  • Removed all non-translatable file types. Created default filetypes array which is then merged with translatable filetypes.
  • Removed non-translatable characters from arrays. E.g.< , >, .
  • Removed duplicate "photo" from translation files. Added some English equivalents to some translation files.
  • Added DSC_ to image ruleset that flags filenames within alt text.
  • Removed variations of duplicate text strings that had different punctuation (which was originally used for improving accuracy of nondescript link checking).
• Improved non-descript link checking.
  • Ignore special characters instead of creating a large array of possible variations (e.g. learn more,, learn more.) for partial stop words. Includes special characters used for Japanese and Chinese punctuation.
  • Better detection of HTML symbols used as call to actions.
  • Hyperlinks that contain only a period, comma, or slash will be given generic empty link text warning.
• Each issues object use a string instead of variable for type. For example, type: ‘error’ instead of type: Constants.Global.ERROR. More concise, less code. Logic is also not tied to i18n.
• New CustomEvent dispatched once Sa11y is done checking page. Thanks @HUisHU-Christian

New & deprecated props

• New prop: Set missingH1 to false to stop flagging missing Heading 1 as an error.
• Deprecated: readabilityLang prop is not necessary anymore. Readability language is automatically based on language code specified in respective language file.