Image SEO & Accessibility Glossary
Key terms and definitions for alt text, web accessibility, image optimization, and SEO. Whether you're an SEO specialist, developer, or content creator, this glossary covers the concepts you need to know.
Alt Text (Alternative Text)
Alt text is an HTML attribute (alt) added to image tags that provides a textual description of the image. Screen readers read alt text aloud to visually impaired users, and search engines use it to understand image content. Good alt text is concise, descriptive, and avoids keyword stuffing. For SEO, descriptive alt text helps images appear in Google Image Search and reinforces the topical relevance of the page. Decorative images should use an empty alt attribute (alt="") so screen readers skip them.
WCAG (Web Content Accessibility Guidelines)
WCAG is a set of internationally recognized guidelines published by the W3C for making web content accessible to people with disabilities. WCAG 2.1 Level AA is the most commonly referenced standard and is required by laws like the ADA, Section 508, and the European Accessibility Act. For images, WCAG Success Criterion 1.1.1 requires all non-text content to have a text alternative that serves the equivalent purpose. AltFrame generates alt text that meets WCAG 2.1 guidelines automatically.
Aria-label
The aria-label attribute provides an accessible name for an element when visible text is not available. Unlike alt text which is specific to images, aria-label can be applied to any HTML element — buttons, links, navigation landmarks, and interactive widgets. For image buttons or linked images, aria-label overrides other accessible names. It is part of the WAI-ARIA specification and is read by screen readers to announce the element's purpose to assistive technology users.
Accessibility (Web Accessibility)
Web accessibility means designing websites and applications so that people with disabilities can perceive, understand, navigate, and interact with them. This includes users who are blind, low-vision, deaf, motor-impaired, or cognitively impaired. Image accessibility specifically requires providing text alternatives (alt text), sufficient color contrast, and proper ARIA roles. Accessible websites also tend to rank higher in search results because structured, semantic HTML aligns with search engine best practices.
SEO (Search Engine Optimization)
SEO is the practice of optimizing web pages to rank higher in search engine results pages (SERPs). Image SEO is a specialized branch that focuses on optimizing images through descriptive file names, alt text, captions, structured data (ImageObject schema), proper compression, and responsive sizing. Google Images accounts for over 20% of all web searches, making image SEO a significant traffic opportunity. AltFrame automates the most time-consuming part of image SEO: writing accurate, keyword-relevant alt text at scale.
Screen Reader
A screen reader is assistive technology software that converts on-screen content into speech or Braille output. Popular screen readers include JAWS, NVDA (Windows), VoiceOver (macOS/iOS), and TalkBack (Android). When a screen reader encounters an image, it reads the alt text aloud. If no alt text is present, some screen readers will read the file name instead, producing confusing output like 'IMG underscore 4892 dot jpeg.' Proper alt text ensures screen reader users receive meaningful image descriptions.
Image Sitemap
An image sitemap is an XML sitemap that includes additional information about images hosted on a website. It helps search engines discover images that might not be found through normal crawling, especially images loaded via JavaScript or CSS. Image sitemaps can include the image URL, caption, title, geographic location, and license information. Adding images to your sitemap increases the chances of them appearing in Google Image Search results and can drive significant organic traffic.
Schema Markup (Structured Data)
Schema markup is a standardized vocabulary (from schema.org) added to HTML that helps search engines understand page content. For images, the ImageObject schema type provides structured data about an image including its URL, caption, description, creator, and license. Adding ImageObject schema can enable rich results in Google Search, such as image carousels and enhanced image previews. AltFrame automatically generates ImageObject schema alongside alt text for better SERP visibility.
Image SEO
Image SEO encompasses all techniques used to optimize images for search engine visibility. This includes writing descriptive alt text, using keyword-relevant file names (e.g., 'blue-running-shoes.jpg' instead of 'IMG_001.jpg'), compressing images for fast load times, serving modern formats (WebP, AVIF), implementing responsive images with srcset, and adding ImageObject structured data. Properly optimized images can appear in Google Image Search, web search image packs, and Google Discover, driving significant organic traffic.
Core Web Vitals (CWV)
Core Web Vitals are a set of Google metrics that measure real-world user experience: Largest Contentful Paint (LCP) measures loading performance, Interaction to Next Paint (INP) measures interactivity, and Cumulative Layout Shift (CLS) measures visual stability. Images directly impact LCP and CLS. Unoptimized images slow LCP, and images without explicit width and height attributes cause layout shifts. Using next/image, proper sizing, lazy loading, and modern formats helps achieve good CWV scores and better search rankings.
Lazy Loading
Lazy loading is a performance optimization technique that defers loading off-screen images until the user scrolls near them. This reduces initial page load time and saves bandwidth. In HTML, native lazy loading is implemented with the loading='lazy' attribute on img tags. Next.js Image component applies lazy loading by default. Above-the-fold hero images should use loading='eager' or priority to ensure they load immediately for good LCP scores. Lazy loading below-fold images is an image SEO best practice.
Bulk Alt Text Generation
Bulk alt text generation is the process of creating alt text for many images at once rather than writing each one manually. This is essential for e-commerce sites with thousands of product images, media libraries, and content migration projects. AltFrame supports bulk processing via drag-and-drop upload (up to 100 images), CSV import, URL lists, and a REST API with batch endpoints. Bulk generation dramatically reduces the time and cost of making large image libraries accessible and SEO-friendly.
WCAG Compliance
WCAG compliance means a website meets the success criteria defined in the Web Content Accessibility Guidelines. There are three conformance levels: A (minimum), AA (recommended), and AAA (highest). Most legal requirements and best practices target Level AA. For images, compliance requires providing text alternatives for all non-text content (Success Criterion 1.1.1). Automated tools can check for the presence of alt attributes, but human or AI review is needed to verify that the alt text is actually meaningful and accurate.
Section 508
Section 508 is a U.S. federal law that requires government agencies and their contractors to make electronic and information technology accessible to people with disabilities. It aligns with WCAG 2.0 Level AA standards. Any website that receives federal funding or contracts with federal agencies must comply. Section 508 explicitly requires text alternatives for images. Non-compliance can result in complaints, lawsuits, and loss of government contracts. Many organizations use Section 508 as a baseline even when not legally required.
ADA (Americans with Disabilities Act)
The Americans with Disabilities Act is a civil rights law that prohibits discrimination against people with disabilities. Title III covers public accommodations, and courts have increasingly ruled that websites qualify as public accommodations. ADA-related web accessibility lawsuits have surged, with thousands filed annually. While the ADA does not specify technical standards, courts typically reference WCAG 2.1 Level AA. Missing alt text on images is one of the most commonly cited accessibility violations in ADA lawsuits.
Rich Results (Rich Snippets)
Rich results are enhanced search results that display additional visual information beyond the standard title, URL, and description. For images, rich results can include image carousels, product image packs, recipe images, and how-to step images. Structured data (schema markup) is required to enable most rich result types. ImageObject schema, combined with good alt text, increases the likelihood of your images appearing in rich results. Google Search Console provides a rich results report to monitor eligibility and errors.
Decorative Image
A decorative image is an image that serves a purely visual or aesthetic purpose and conveys no meaningful information. Examples include background patterns, ornamental borders, spacer images, and generic stock photos used for visual appeal. Decorative images should have an empty alt attribute (alt="") so screen readers skip them entirely. Alternatively, they can be implemented as CSS background images. Incorrectly adding descriptive alt text to decorative images creates noise for screen reader users and can confuse the page's semantic structure.
Responsive Images
Responsive images adapt to different screen sizes and resolutions to deliver the most appropriate image file. HTML provides the srcset attribute and the picture element for serving different image sizes. The sizes attribute tells the browser how large the image will be displayed at different viewport widths. Responsive images improve Core Web Vitals by reducing unnecessary bandwidth usage on mobile devices and preventing layout shifts. Next.js Image component handles responsive images automatically with its sizes prop.
WebP / AVIF
WebP and AVIF are modern image formats that provide significantly better compression than JPEG and PNG. WebP (developed by Google) typically reduces file sizes by 25-35% compared to JPEG at equivalent quality. AVIF (based on AV1 video codec) achieves even better compression, often 50% smaller than JPEG. Modern browsers support both formats. Serving images in WebP or AVIF format improves page load speed, reduces bandwidth costs, and positively impacts Core Web Vitals scores. Next.js Image component serves WebP automatically.
Multilingual Alt Text
Multilingual alt text means providing image descriptions in multiple languages to serve international audiences. Each language version of a page should have alt text written in that page's language. This improves accessibility for non-English screen reader users and helps images rank in localized Google Image Search results. AltFrame supports generating alt text in 9+ languages including Spanish, French, German, Japanese, and Portuguese. The lang attribute on the image or its container helps screen readers pronounce alt text correctly.
E-commerce Image Optimization
E-commerce image optimization involves preparing product images for maximum search visibility and conversion. This includes writing product-specific alt text (brand, product name, color, size), using descriptive file names, adding Product schema markup with image properties, implementing zoom-friendly high-resolution images with proper srcset, and ensuring fast load times. Well-optimized product images appear in Google Shopping, Image Search, and product carousels. AltFrame's e-commerce mode generates product-aware alt text that includes key attributes shoppers search for.
Generate WCAG-compliant alt text automatically
AltFrame uses AI to create accurate, SEO-optimized alt text for any image. Start free with 50 credits.
Get Started Free