حتى لا يبدو العنوان طلاسما غير مفهومة، فإن المقصد هو Website Accessibility Checklist
حسنا ما نريد التركيز عليه هو المعايير الخاصة ب WCAG 2.0
وكما تحدثنا مسبقا هنالك 3 مستويات من هذا المعيار
- Level A: جعل الموقع مواءم لبعض المستخدمين.
- Level AA: جعل الموقع مواءم تقريبا لكل المستخدمين .
- Level AAA: جعل الموقع مواءم لكل المستخدمين .
ما يجب فحصه للمستوى Level A
| Guideline | Action Items |
| Non-text content | Add alt text to images. Add alt text to audio and video. Add names to controls, like “Submit.” |
| Audio-only and video-only | Write transcripts for audio- and video-only content. Link or place transcripts near audio or video content. Record audio tracks for video-only media. |
| Captions | Add captions to all videos with sound. |
| Audio description or media alternative | Write video transcripts. Provide audio descriptions of video. |
| Information and relationships | Use valid and proper HTML. Apply clear labels to forms. Divide content with subheadings. |
| Meaningful sequence | Separate navigation menus from content. Use valid HTML. Use headings and lists. Arrange paragraphs in order. |
| Sensory characteristics | Provide more than one sense, like sight and sound, for instructions. |
| Color usage | Avoid color references in text, like instructing users to click a green button. |
| Audio control | Allow users to choose when to play audio, versus playing it automatically. |
| Keyboard | Remove any function that uses timed keystrokes, like a double tap. |
| No keyboard tap | Enable navigation control with arrow or “Tab” key. Eliminate any instances where users cannot navigate or access your site without a keyboard. |
| Timing adjustable | Let users turn off, adjust, or extend any time limits except for real-time events, like an auction. Allow users to pause moving or animated text. Allow users to delay update frequency. |
| Pause, stop, hide | Provide all moving, blinking, scrolling, or auto-updating content with user controls. |
| Three flashes or below | Remove any content that flashes more than three times per second. |
| Bypass blocks | Add a “Skip to Content” link to all site pages. Make the “Skip to Content” link visible and accessible. |
| Page titled | Write unique and descriptive titles for each page on your site. |
| Focus order | Ensure site functionality with the “Tab” key. Make the order of elements, like pages on your navigation, logical. |
| Link purpose in content | Create easy-to-understand anchor text that aligns with the surrounding text. |
| Page language | Use HTML to use the appropriate language code for pages. |
| On focus | Eliminate responses that happen automatically, like pop-ups, form submissions, and link openings. Require a user action, like a mouse click to open a link, for responses to happen. |
| On input | Remove any auto-submit form fields. Eliminate any instances that remove a user’s control when interacting with an element. |
| Error identification | Provider users with explanations for errors and instructions on how to fix those errors. Place error explanations near the error, like a required, but blank form field. |
| Labels or instructions | Label all input fields. Describe the preferred format for input fields, like for a phone number or date. Provide helpful instructions for completing input fields. |
| Parsing | Follow proper HTML structure and guidelines. Fix any HTML elements with duplicate attributes. |
| Name, role, value | Ensure site uses valid HTML markup. Follow HTML specifications for website scripts. |
ما يجب فحصه للمستوى Level AA
| Guideline | What You Need To Do |
| Captions for live videos | Caption live videos via software or professional services. |
| Audio description | Add audio description soundtracks to any video content. Provide a link to the soundtrack close to the content. |
| Contrast | Use a light background and dark text or vice versa. |
| Resize text | Prevent resized text from requiring users to scroll horizontally. Enable resizing of text by up to 200%. |
| Text images | Eliminate any images that use images of text to convey content. Use CSS to stylize text, like for pull quotes. |
| Finding pages | Add an HTML sitemap. Enable site search. Create a logical navigation menu. Make your navigation menu consistent across your site. |
| Headings and labels | Make headings and subheadings straightforward and descriptive. Label site elements, like tables or forms. |
| Focus visible | Use CSS to add borders or underlines to elements when selected by a user’s keyboard. Enable keyboard focus visibility on all site elements, like menus, form fields, and links. |
| Language of parts | Add a language attribute to pages with content that isn’t in your default language. |
| Consistent navigation | Adopt a universal location for your navigation menu and order of items in the navigation menu. |
| Consistent identification | Label and name elements with the same function consistently. Use identical alt text for elements with the same function. |
| Error suggestion | Enable elements, like forms, to identify input errors. Communicate errors to users with text suggestions. |
| Error prevention | Make changes to user-controlled data reversible, like canceling an order. Allow users to correct errors. Create a confirmation page that details the user’s input and the website’s outcome. |
ما يجب فحصه للمستوى Level AAA
| Guideline | Action Items |
| Sign language | Upload alternative video versions with sign language. Place alternative versions near original video. |
| Extended audio description | Create extended audio description soundtracks with enough pauses for users to listen and understand. Place soundtracks near the original video. |
| Media alternative | Write a full-text transcript. Position the transcript near the video content. |
| Live audio-only | Use closed captions. Provide the script text. |
| Contrast | Use a dark background and light text or vice versa. |
| Low or zero background audio | Eliminate background noise from audio. Maintain a background noise 20 decibels below foreground noise. |
| Visual presentation | Use tools that allow users to customize background and foreground colors, text spacing, and text size. |
| No timing | Allow time limits for real-time events only, like auctions or live streams. |
| Interruptions | Remove redirects that happen after a specific amount of time. Eliminate pop-ups. |
| Re-authenticating | Save users data, like items in their shopping cart, when re-authenticating their identity. |
| Location | Use breadcrumb navigation. Add a sitemap. |
| Section headings | Add relevant headings to content. |
| Unusual words | Avoid idioms and jargon. Explain words in-text or with a link to a relevant page. |
| Abbreviations | Eliminate abbreviations or explain abbreviations in content. |
| Reading level | Use a readability testing tool, like Readable. Create images or diagrams to explain content. |
| Pronunciation | Link to pronunciation guides for words or write the phonetic pronunciation. |
هذا وبالله التوفيق
