For the full experience: 1) Clone the repo 2) Open the docs folder in Obsidian

Fullchee's Notes
Accessibility (a11y)
Initializing search
    Fullchee/notes
    • Fullchee's Notes
    • Glossary
    • Family
    • Portfolio
    • Soft skills
    • Technical
    • Web dev
    Fullchee/notes
    • Fullchee's Notes
    • Glossary
      • Insurance terms
        • Car Insurance Types
        • Non owner car insurance
        • Corporation roles
        • Managing an Ontario Corporation
          • Numbered vs Named Corporation
          • Ontario vs Federal Corporation
        • Changing addresses
        • Title Fraud
        • Title Insurance
      • Creating a documentation culture
      • Forma work
      • Leading a week-long front-end bootcamp
      • Open Source Contributions
        • Asking for Help
        • Leaving a company
        • Negotiating After Your Start Date
        • Planning for your next role
        • Postmortems
        • Estimating
        • Forget Velocity, Let's Talk Acceleration • Jessica Kerr • GOTO 2017
        • How to congratulate your team
        • How to give feedback
        • Negotiating
        • Performance Reviews
        • What do I do with my life?
          • Management
          • Why your manager manages
          • Mentorship
        • Interviewing
        • Storytelling
          • Running
          • Dragon boat career
        • 2021 fullchee.com redesign
        • How I use Reddit
        • Gift Giving
        • Progress
        • How to avoid getting conned
        • TTC
          • A brief history of humankind
          • A history of the world since 1300
          • Philosophy of death
          • My experience with Pomodoros
          • Why Foam instead of MDX
          • Why I quit Anki
          • Glossary
          • Mental History
          • My good qualities
            • ADHD Samskaras
            • ADHD Symptoms
            • Adult ADHD Treatment
            • Motivation
            • Neuroscience of ADHD
            • Parenting child with ADHD
            • Procrastination
            • Anxiety
            • Attachment Styles
            • Blame
            • Burnout
            • Congruent Depression
            • Depression Samskaras
            • Depression Treatment
            • Identity
            • Karma and Dharma
            • Neuroscience of Depression
            • Self Esteem
            • Shame
            • Strengths
            • Stress
            • Suffering, meaning and purpose
            • Tired
            • What depression looks like
            • Why we have negative emotions
            • Why do I work so hard? (avoiding crashes)
            • Developers and Depression
            • Therapy
            • Gratitude
            • Happiness
            • Healing the inner child baby elephant
            • Learned Helplessness
            • Love
            • People Pleasing
            • Sleep
            • Work
              • Addiction Treatment
              • Addiction
              • Sobriety vs abstinence
            • Meditation goals
            • Meditations
            • Samskaras
            • What is ego
            • Imposter Phenomenon
            • Perfectionism
            • Building a healthy sense of self
            • Metaphors for the mind
      • Dates
      • Dev Philosophy
      • Excel
      • Latex
      • Android Tips
      • Build vs Runtime vs Dev Environment
      • Slack tips
      • [UUIDs explained](https://www.sohamkamani.com/uuid-versions-explained/)
      • What does Forma Do?
      • Assertions
      • Why so many programming languages?
        • Docs Inbox
        • Video Documentation
        • Why MKDocs Material
        • Writing Good
        • Docs as code
        • Documentation Tech Talks
        • Docs
        • Markdown and MKDocs tips
        • MKDocs Notes
        • Index
        • Array
        • Binary search
        • Debounce
        • Graphs
        • Javascript leetcode
        • Leadership experience
        • Math pseudorandom
        • Template to reject a company's offer
        • Blindfolded: split a deck of cards so they have the same number of face up cards
        • What happens when you go to google
          • Natural Sort
          • Strings
        • GDB
        • Vim
        • Dotfiles
        • Find
        • Terminal commands
        • Terminal shortcuts
        • Bash scripts
        • Bash
        • Disk usage on the terminal
        • Mac shell notes
        • Remote machine shell
        • sed
        • Terminal files
        • Windows cmd
          • Git branching
          • Git adding
          • Git stuff that's ingrained in my head
          • Searching Git History
          • [Git Submodules](https://www.atlassian.com/git/tutorials/git-submodule)
          • Git
          • GitHub Tips and Tricks
          • Merging
          • Working with the remote repo
      • Why `msn.com` is the 38th most visited website
        • Auth0
        • JSON Web Tokens (JWTs)
        • Security Inbox
          • HTTP Basic Authentication
          • [Permissions](https://fullchee-reminders.netlify.app/link/1119)
          • Encryption
          • Hashing
          • CSRF
          • XSS
        • Don't use localhost IP address
        • Heroku
        • Java
        • Linux
        • Why dotfiles?
          • AWS CLI
          • AWS CloudWatch
          • AWS S3
          • AWS Services for an app
          • Monitoring
          • Content Management Systems (CMS)
          • Feature Toggle
            • 3 Tier Architecture
            • GraphQL
            • HTTP 2
            • History of Client Server Communication
            • gRPC
            • HTTP status codes
            • tRPC
          • Container Overview
          • Docker
            • Database Normalization
            • Database Partitioning
            • N + 1 Problem
            • ORM
            • Column databases
            • Database Indexes
            • Scaling up database writes
            • Speed up queries
            • UUID as primary key?
            • Distinct
            • Installing PSQL
            • Materialized view
            • MySQL
            • SQL Security
            • Connecting to PSQL
            • Django ORM vs raw SQL
            • Heroku sql
            • PSQL Shell
            • `.psqlrc`
              • Database Locks
              • Indexing
              • PSQL Debug Slow Queries
              • PSQL Query Optimization
              • PSQL Vacuum
              • Exporting SQL
              • Hardcoded SQL
              • SQL Aggregation
              • SQL Arrays and JSON
              • SQL Boolean
              • SQL
              • SQL Conditionals and edge cases
              • SQL Dates
              • SQL Sum should be zero even if group by returns no rows
              • SQL Ranges
              • SQL Relationships
              • SQL strings
              • SQL Window functions
          • Testing Node.js
          • Python Formatting
          • Python Threads
          • PyCharm
            • Debugging Python
            • Python Generators and Iterators
            • Python Imports
            • Python logging
            • Python
            • Square bracket notation
              • Python when to pin version
              • Python virtual environment tools
              • Data Structures
              • Python Dates
              • Python Lists
              • Python Typing
                • [Python decorators](https://realpython.com/primer-on-python-decorators/)
                • Python Dictionaries
                • Python Error handling
                • Custom classes/objects
                  • Python Custom Classes
                  • Python Dunder syntax
                • Regex
                • Python String Formatting
              • unittest `patch`
              • `unittest`
            • Django Admin
            • Where to put Django Business Logic
            • Django Auth app
            • Django HTTP
            • Django inbox
            • Django `manage.py` scripts
            • Django Signals
            • Setting up Django
              • Django Raw SQL Queries
              • Django Models
              • [Django Querying](https://docs.djangoproject.com/en/4.1/topics/db/queries/)
              • [DRF Serializers](https://www.django-rest-framework.org/api-guide/serializers/)
              • [Swagger (drf-yasg)](https://drf-yasg.readthedocs.io/en/stable/readme.html)
              • Django Factories
              • Django Testing Endpoints
              • Testing Django
                • Running Tests
                • Faster Django tests in PyCharm
            • Pandas Inbox
            • Pandas Writing
            • Plotting Pandas
            • Why Pandas
            • Machine Learning
        • Downsides of CSS variables
        • Accessibility (a11y)
        • Base64
        • Mobile
        • Forms
        • Images
          • CORS
          • Browser Usage Tricks
          • Parts of a browser
          • Customize how Firefox looks
          • Video
          • HTML Tags
          • SVG
            • CSS in JS Frameworks
            • CSS stuff from JS (no frameworks)
            • Styled Components 💅🏾
            • SASS
            • Tailwind CSS
            • CSS Color
            • Overflow
            • Stacking Contexts
            • Which units to use
            • Css animation
            • CSS Fundamentals
            • Css images
            • CSS Typography
              • Border, outline and box shadow
              • Margin
              • Box Model
              • CSS Selectors
              • CSS Browser Tricks
              • [CSS Inheritance](https://courses.joshwcomeau.com/css-for-js/01-rendering-logic-1/01-built-ins-and-inheritance)
              • Media Queries
              • Button
              • CSS Modal
              • Flexbox
              • Flow Layout
              • CSS Grid
              • Positioned Layout
              • [Grid vs Flexbox](https://fullchee-reminders.netlify.app/link/797)
          • Text Copy
          • Design
          • JavaScript Leetcode
          • Why JavaScript Frameworks
          • Browser JavaScript
          • JavaScript importing
          • Single Page App
          • Spot the bug solutions
          • Spot the bug
          • [underscore.js](https://underscorejs.org/)
            • Intro to Promises
            • Multi-threaded JavaScript
            • Non-intro Promise Notes
            • JavaScript Arrays
            • JavaScript Dates
            • JavaScript Objects
            • JavaScript
            • ESLint and Prettier
            • Source Maps on Prod
            • JS Build Tools
            • [JS Monorepos](https://fullchee-reminders.netlify.app/link/1694)
            • Js package managers
            • React Accessibility (a11y)
            • Why React
            • [Error Boundaries](https://reactjs.org/docs/error-boundaries.html)
            • Implementing React
            • [JSX in Depth](https://reactjs.org/docs/jsx-in-depth.html)
            • [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
            • [React Context](https://reactjs.org/docs/context.html)
            • React hooks
            • React Performance ⚡
            • Refactoring React
              • React Router v6
              • React Router v5
              • How React is used
              • Next JS
              • One way data flow
                • Epic React 3: Advanced React Patterns
                • [Compound components](https://kentcdodds.com/blog/compound-components-with-react-hooks)
                • React Query
              • React Testing Library
              • Jest
              • msw (mock-service-worker)
              • React Testing: Act and Assert
              • Testing Custom Hooks
              • Alternatives to Redux
              • Redux
              • TypeScript and Redux
            • [Why Storybook](https://storybook.js.org/)
            • Setting up Storybook
            • Writing your first Story
            • Using Storybook
            • Testing Stories
            • Chromatic
            • Converting codebase to TypeScript
            • TypeScript and React
            • Empty TypeScript Types
            • TypeScript Objects
            • TypeScript
        • Redis
        • Databricks
        • Monolith vs SOA vs Microservices vs serverless vs edge

    Accessibility (a11y)

    [[React Accessibility (a11y)]]

    WCAG web content accessibility guidelines

    by w3

    aria-label is a code smell – Eric Bailey

    Last update: 2023-03-20
    Back to top
    Previous Downsides of CSS variables
    Next Base64
    Copyright © 2022 Fullchee Zhang
    Made with Material for MkDocs