Image ALTとは何ですか？

Image ALTはLaurence Lewisによって開発されたChromeの拡張機能で、その主な機能は「Check all image and SVG elements are accessible.」です。

拡張機能のスクリーンショット

Image ALT拡張機能のCRXファイルをダウンロード

Image ALT拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

# A11y Image check
Simple extension for basic accessibility testing images.

## Images ()

### Background Image (CSS)

+ Identifies all the images inserted in the webpage using either inline styles or CSS. If an element contains a background image, a message about the method of image insertion is generated.

### Alternative Text

* Finds all image elements in the document and checks if they have an ALT text present. If ALT text is found, a message is created displaying the ALT text.

### Decorative Images

* Identifies decorative images on the webpage. Images are classified as decorative based on various attributes (aria-hidden, and alt). Each classification creates a message explaining why the image is classified as decorative.

### Missing ALT Attributes

* Identifies images that are missing an ALT attribute. It looks for all the img elements in the document and checks if they have the alt attribute. If not, a message is generated indicating that the image is missing an ALT attribute.

## SVG

### SVG Accessible Name

* Checks all SVG elements in the document for the presence of accessible names. It categorizes SVGs based on certain criteria such as, the svg has a role of 'img' but is missing an accessible name, if it is following best practices for a meaningful SVG, and if it is missing 'aria-hidden' or 'role img', or an accessible name. For each case, a message is generated explaining the status of the SVG.

### Decorative SVG
* Checks all SVG elements in a document to identify which ones are decorative. Decorative SVGs are marked with 'aria-hidden true'. If the SVG has an accessible name, a message will be created that shows it's marked as decorative but has an accessible name.

拡張機能の基本情報

名前	Image ALT
ID	boapfjenhbedppddepigmcmeogjlbfjg
公式URL	https://chromewebstore.google.com/detail/image-alt/boapfjenhbedppddepigmcmeogjlbfjg
説明	Check all image and SVG elements are accessible.
ファイルサイズ	77.84 KB
インストール数	1,190
現在のバージョン	Final Build
最終更新日	2023-10-30
公開日	2019-02-14
評価	4.00/5 合計 1 レビュー
開発者	Laurence Lewis
Eメール	[email protected]
支払い方法	free
対応言語	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Image ALT", "short_name": "A11y Image Checks", "version": "2023.10.29", "version_name": "Final Build", "manifest_version": 3, "description": "Check all image and SVG elements are accessible.", "author": "Laurence Lewis (@LaurenceRLewis)", "minimum_chrome_version": "92", "icons": { "16": "extension\/icons\/ia-icon-16.png", "48": "extension\/icons\/ia-icon-48.png", "64": "extension\/icons\/ia-icon-64.png", "128": "extension\/icons\/ia-icon-128.png" }, "action": { "default_popup": "extension\/ui\/popup.html", "default_icon": { "16": "extension\/icons\/ia-icon-16.png", "48": "extension\/icons\/ia-icon-48.png" }, "default_title": "Image ALT" }, "permissions": [ "storage", "activeTab", "scripting", "webNavigation" ], "host_permissions": [ "" ], "background": { "service_worker": "extension\/service-worker.js" } }