In the context of software increasingly catering to all user groups, accessibility is no longer an 'optional' factor but has become a crucial standard in application development. However, accessibility testing in code is often overlooked due to a lack of clear processes or suitable tools. This is where accessibility testing prompts come into play.
This topic focuses on building structured prompts that help developers quickly assess the accessibility compliance of code (web, mobile, or backend API). By leveraging AI, these prompts can help detect common issues such as missing HTML semantic tags, lack of screen reader support, insufficient color contrast, or a user-friendly experience for people with disabilities.
By standardizing test prompts, you not only improve product quality but also integrate accessibility into the development process more naturally and effectively. This article will provide a foundation and practical examples for you to apply immediately to your project.
Accessibility check prompt for code
Kiểm tra khả năng truy cập cho code này: [DÁN CODE FRONTEND] Framework: [ví dụ: React, Vue, HTML/CSS] Kiểm tra: - Tuân thủ WCAG 2.1 AA - Điều hướng bằng bàn phím - Khả năng tương thích với trình đọc màn hình - Thuộc tính ARIA - Độ tương phản màu - Quản lý tiêu điểm Cung cấp các giải pháp cụ thể kèm theo ví dụ code.Best suited for: GPT-5, Claude 4 Sonnet
How to use prompt
- Replace [PASTE FRONTEND CODE] with the following code:
Accessible Login Log in
User login form
- Select HTML/CSS as the framework.
The sample prompt results were obtained using GPT-5.
Kiểm tra khả năng truy cập cho code này:Accessible Login Log in
User login form
Framework: HTML/CSS Kiểm tra: - Tuân thủ WCAG 2.1 AA - Điều hướng bằng bàn phím - Khả năng tương thích với trình đọc màn hình - Thuộc tính ARIA - Độ tương phản màu - Quản lý tiêu điểm Cung cấp các giải pháp cụ thể kèm theo ví dụ code.