A11yWatch Web Accessibility
Improve your product's web accessibility from the start of the building process quickly. Follow these principles to improve your websites inclusion with some foundational rules.
Inclusion step by step
Application foundations that help improve your audience inclusion and reach.
A couple of quick checklists to improve your contents accessibility.
Accessibility comes in many forms, with macOS/iphones you can enhance a major part of the application so it's best we understand the technologies underneath. This allows us to use these features to our advantage to better assist users.
React components with accessibility in mind
If you use react and start on a new project consider looking into chakra-ui. They take care of a lot of the things that we can easily miss when trying to deliver a website fast.
Avoid Intense Animations
Animations can be very powerful in describing a message using the right techniques but, sometimes they can also make the experience unpleasant. Its important to understand how to make your animations smooth so that users can view it. Theres tools built in to the dev tools in most browsers like chrome to detect FPS + simulating on a test set of devices to see if everyone will perceive the effect the same.
Understand how performance impacts accessibility
VoiceOver on iOS is very powerful and is huge for assisting users with vision impairment. VoiceOver runs natively so this adds a process onto your normal application (slows it down). This means that certain things that are not on the native end for speed can provide a not so ideal experience. It's important to test how your application will run with this enabled from aria-label, accessibility assetive props, performance and more.