摘要:
You want to use aria-hidden to prevent screen reader to access some content should be hidden from users. For example, slides, you want to remove previ 阅读全文
摘要:
'aria-labelledby' overwrite 'aria-label' overwirte native element label. TOP-LEFT: aria-label overwrite native element label, so it is Gumnut. TOP-RIG 阅读全文
摘要:
For some reason, you build a custom checkbox component, if without ARIA in mind, basiclly this site is unusable for screen reader. DEMO site. In the e 阅读全文
摘要:
In this lesson we'll walk through setting up an updater function that can receive an action argument. We'll also dive into how to separate your state 阅读全文
摘要:
Most of times, we need 'alt' to the images, so it can tell the screen reader what is this image about. But sometimes, we can leave alt="", make alt to 阅读全文
摘要:
For example, when we use checkbox, if we do like this: When we use screen reader, it will lose the semantics meaning, it only say: Instead, we want to 阅读全文
摘要:
In this lesson I refactor a React component that utilizes the graphql higher-order component to the new Query render prop component baked into react-a 阅读全文
摘要:
Sometime when some component is offscreen, but still get focus when we tab though the page. This can cause users' confusion. One easy to to find out t 阅读全文
摘要:
When you developing a complex component by your own, one thing you cannot ignore is Accessibility. Checkout this link. It lists all things you need to 阅读全文