Image ALT

Check all image and SVG elements are accessible.

Image ALTคืออะไร?

Image ALT เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Laurence Lewis และคุณลักษณะหลักของมันคือ "Check all image and SVG elements are accessible."

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Image ALT

ดาวน์โหลดไฟล์ส่วนขยาย 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 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
อีเมล [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"
    }
}