GPT-4Accessibility

موجه تدقيق إمكانية الوصول وفق معايير WCAG

مشاركة:
موجه تدقيق إمكانية الوصول وفق معايير WCAG

لماذا تهم هذه المطالبة

15% of users have some form of disability. WCAG citations make it easy to prioritize fixes and justify the work to stakeholders.

فيم نستخدمها

Accessibility

المطالبة

Audit this HTML/component for WCAG 2.1 AA accessibility issues. Check: 1) Semantic HTML usage, 2) Keyboard navigation, 3) Screen reader compatibility, 4) Color contrast ratios, 5) Focus management, 6) ARIA attributes. For each issue, cite the specific WCAG criterion and provide the corrected code.

النتيجة

## Accessibility Audit ### Issue 1: Missing form labels (WCAG 1.3.1) ```html Email address ``` ### Issue 2: Insufficient color contrast (WCAG 1.4.3) Gray text (#999) on white background has a contrast ratio of 2.85:1. Minimum required: 4.5:1. **Fix**: Use #595959 (contrast ratio: 7.07:1) ### Issue 3: Missing skip navigation (WCAG 2.4.1) Add a skip link as the first focusable element.
يعاني 15% من المستخدمين من شكل من أشكال الإعاقة. وتُسهّل الاستشهادات بمعايير WCAG تحديد أولويات الإصلاحات وتبرير هذا العمل لأصحاب المصلحة. يوضح هذا الموجه نهجاً منظمًا لتعزيز إمكانية الوصول، ويُنتج نتائج متسقة وعالية الجودة يمكن البناء عليها وتطويرها بشكل متكرر.
مشاركة: