Zhentiw - 博客园

2018年3月12日

摘要： 'aria-labelledby' overwrite 'aria-label' overwirte native element label. TOP-LEFT: aria-label overwrite native element label, so it is Gumnut. TOP-RIG 阅读全文

posted @ 2018-03-12 21:58 Zhentiw 阅读(494) 评论(0) 推荐(0)

[HTML5] Why ARIA?

摘要： 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 阅读全文

posted @ 2018-03-12 18:49 Zhentiw 阅读(156) 评论(0) 推荐(0)

[React] How to use a setState Updater Function with a Reducer Pattern

摘要： 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 阅读全文

posted @ 2018-03-12 01:49 Zhentiw 阅读(175) 评论(0) 推荐(0)

2018年3月11日

[HTML5] Text Alternatives

摘要： 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 阅读全文

posted @ 2018-03-11 04:16 Zhentiw 阅读(136) 评论(0) 推荐(0)

[HTML5] Semantics for accessibility

摘要： 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 阅读全文

posted @ 2018-03-11 04:07 Zhentiw 阅读(193) 评论(0) 推荐(0)

2018年3月9日

[GraphQL] Apollo React Query Component

摘要： 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 阅读全文

posted @ 2018-03-09 22:47 Zhentiw 阅读(547) 评论(0) 推荐(0)

[HTML5] Handle Offscreen Accessibility

摘要： 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 阅读全文

posted @ 2018-03-09 01:36 Zhentiw 阅读(246) 评论(0) 推荐(0)

2018年3月8日

[HTML5] Accessibility Implementation for complex component

摘要： 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 阅读全文

posted @ 2018-03-08 22:32 Zhentiw 阅读(411) 评论(0) 推荐(0)

2018年3月7日

[HTML5] a tag, rel="noopener"

摘要： It is a good pratice to add ref="noopener" <a href="/some/domain" target="_blank" rel="noopener" /> Because when the new page is opened, in the new pa 阅读全文

posted @ 2018-03-07 03:10 Zhentiw 阅读(384) 评论(0) 推荐(0)

2018年3月6日

[CSS3] The picture element

摘要： http://udacity.github.io/responsive-images/examples/3-08/pictureFullMonty/ 阅读全文

posted @ 2018-03-06 03:21 Zhentiw 阅读(184) 评论(0) 推荐(0)

Answer1215

公告