Web Design

  1. Web Accessibility (a11y)
    1. Accessibility Fundamentals
      1. Ethical Considerations
        1. Universal Design Benefits
          1. Business Case for Accessibility
          2. Web Content Accessibility Guidelines (WCAG)
            1. WCAG Principles Overview
              1. WCAG Conformance Levels
                1. Level A
                  1. Level AA
                    1. Level AAA
                    2. Perceivable Principle
                      1. Text Alternatives
                        1. Captions and Transcripts
                          1. Adaptable Content
                            1. Distinguishable Content
                            2. Operable Principle
                              1. Keyboard Accessibility
                                1. No Seizures or Physical Reactions
                                  1. Navigable Content
                                    1. Input Modalities
                                    2. Understandable Principle
                                      1. Readable Content
                                        1. Predictable Functionality
                                          1. Input Assistance
                                          2. Robust Principle
                                            1. Compatible with Assistive Technologies
                                              1. Future-Proof Code
                                            2. Assistive Technology Support
                                              1. Screen Reader Compatibility
                                                1. Semantic HTML Importance
                                                  1. ARIA Roles and Properties
                                                    1. Screen Reader Testing
                                                    2. Alternative Text
                                                      1. Descriptive Alt Text
                                                        1. Decorative Image Handling
                                                          1. Complex Image Descriptions
                                                          2. ARIA (Accessible Rich Internet Applications)
                                                            1. ARIA Landmarks
                                                              1. ARIA Live Regions
                                                                1. ARIA States and Properties
                                                                  1. ARIA Best Practices
                                                                2. Visual Accessibility
                                                                  1. Color Contrast Requirements
                                                                    1. WCAG Contrast Ratios
                                                                      1. Contrast Testing Tools
                                                                        1. Color-Blind Considerations
                                                                        2. Text Readability
                                                                          1. Font Size Guidelines
                                                                            1. Line Height Requirements
                                                                              1. Text Spacing
                                                                              2. Focus Management
                                                                                1. Visible Focus Indicators
                                                                                  1. Focus Order
                                                                                2. Keyboard Navigation
                                                                                  1. Tab Order Management
                                                                                    1. Keyboard Shortcuts
                                                                                      1. Focus Trapping
                                                                                        1. Custom Interactive Elements
                                                                                        2. Form Accessibility
                                                                                          1. Label Association
                                                                                            1. Error Identification
                                                                                              1. Error Suggestions
                                                                                                1. Form Instructions
                                                                                                  1. Required Field Indication

                                                                                                Previous

                                                                                                6. Web Graphics and Optimization

                                                                                                Go to top

                                                                                                Next

                                                                                                8. Design Tools and Workflow