CSSフレームワークでrole属性などを強制するというアイデア。Reactコンポーネントとかでrole属性付きのHTML要素ラッパーを使うようにするとまだ現実的かなあ

ui
a11y

amagitakayosi のブックマーク 2015/12/14 12:20

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/270872438/comment/amagitakayosi" data-user-id="amagitakayosi" data-entry-url="https://b.hatena.ne.jp/entry/s/innovation.ebayinc.com/tech/engineering/how-our-css-framework-helps-enforce-accessibility/" data-original-href="https://innovation.ebayinc.com/tech/engineering/how-our-css-framework-helps-enforce-accessibility/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Finnovation.ebayinc.com%2Ftech%2Fengineering%2Fhow-our-css-framework-helps-enforce-accessibility%2F" data-user-icon="/users/amagitakayosi/profile.png">How Our CSS Framework Helps Enforce Accessibility</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/ui">ui</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/a11y">a11y</a>]</li></ul><br><p style="clear: left">CSSフレームワークでrole属性などを強制するというアイデア。Reactコンポーネントとかでrole属性付きのHTML要素ラッパーを使うようにするとまだ現実的かなあ</p><a class="datetime" href="https://b.hatena.ne.jp/amagitakayosi/20151214#bookmark-270872438"><span class="datetime-body">2015/12/14 12:20</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

How Our CSS Framework Helps Enforce Accessibility

innovation.ebayinc.com2015/11/08

Spot the difference….You can’t! To a sighted user it appears we have two identical button elements. A user interface control not only needs to look like a certain control, it must be described as t...

9 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

How Our CSS Framework Helps Enforce Accessibility

はてなブックマーク

公式Twitter

はてなのサービス