© 2026 Khalid Mesbah. All rights reserved.

    Made with(1 28√e 980)
    Magic Lamp
    🏠Home👤About🛠️Services💼Projects📝Blog
    🏠Home👤About🛠️Services💼Projects📝Blog🏆Certifications📦Uses📞Contact
    - Accessibility- Color Accessibility- Visual hierarchy- Notes- Videos- 📚 Materials/References:
    Back To Home
    notes
    1 min readOctober 29, 2026

    accessibility

    web
    accessibility

    Color Accessibility

    • test for color blindness using the color blind extension
    • test for color contrast

    visual hierarchy

    • test for a clear hierarchy using the blur property
    • make sure the hierarchy of the website is clear and simple

    notes

    • accessibility is hard and important
    • make sure that the website works well with the tab key
    • use semantic elements
    • test your page for accessibility using tools like lighthouse or websites
    • test using a screen reader

    Videos

    • You Suck At Accessibility

    📚 Materials/References:

    • MDN Accessibility Docs
    • W3C Full Accessibility Docs
    • W3C Beginner Accessibility Docs