我该如何提升网站的无障碍适老化与残障人士可访问性(Web Accessibility / a11y)?

用户体验与交互设计 (UX)

How can I improve the accessibility of my website for users with disabilities?

标准定位职业:用户体验与交互设计 (UX) 落地应用场景:How can I improve the accessibility of my website for users with disabilities?
Gemini 2.5 Pro / Flash 兼容率
95%
DeepSeek-R1 深度思考兼容率
95%
Claude 3.5 Sonnet 兼容率
95%

指令参数定制变量

修改下方变量,右侧的实时生成结果预览(Live Output)将同步进行中英文精准文本插值替换。

本指令调优最佳实践

  • 01.如何通过调整色彩对比度(WCAG 4.5:1)、提供语义化 HTML 和屏幕阅读器支持来改善色盲或低视力用户的浏览体验?
  • 02.How can I improve the visual accessibility of my website for users with color blindness or low vision?
实时生成结果预览 (Live Output)
变量插值 · 可直接复制
中文定制提示词 (Chinese Prompt)

我该如何优化 [网站/系统] 的 [无障碍方面],从而让患有 [特定障碍(如视障/色弱)] 的用户畅通无阻?

英文对等提示词 (English Prompt)

How can I improve the [type of accessibility] of my [website/application] for users with [type of disability]?

💡 使用技巧:将复制的内容直接粘贴给 ChatGPT、Claude 或 Gemini,即可获得高度结构化、切中业务要害的高质量解答。

中英对照 · Original EN

How can I improve the accessibility of my website for users with disabilities?

公式模板 · 示例
Formula (ZH)

我该如何优化 [网站/系统] 的 [无障碍方面],从而让患有 [特定障碍(如视障/色弱)] 的用户畅通无阻?

Formula (EN)

How can I improve the [type of accessibility] of my [website/application] for users with [type of disability]?

示例 Example (ZH)

如何通过调整色彩对比度(WCAG 4.5:1)、提供语义化 HTML 和屏幕阅读器支持来改善色盲或低视力用户的浏览体验?

示例 Example (EN)

How can I improve the visual accessibility of my website for users with color blindness or low vision?

后台 API 调用与 SDK 极速联调示例
import { GoogleGenAI } from "@google/genai";

// 初始化 Google GenAI SDK (服务器端)
const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });

const response = await ai.models.generateContent({
  model: "gemini-2.5-pro",
  contents: ["我该如何提升网站的无障碍适老化与残障人士可访问性(Web Accessibility / a11y)?"],
  config: {
    systemInstruction: "我该如何优化 [网站/系统] 的 [无障碍方面],从而让患有 [特定障碍(如视障/色弱)] 的用户畅通无阻?",
    temperature: 0.1
  }
});

console.log(response.text);