Accessible Web Animation: The WCAG On Animation Explained | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to make sure our animations have a positive impact on accessibility, like planning how they contribute to the overall UX and ease of use of
アクセシビリティ対応ã—ãŸã‚«ãƒ©ãƒ¼è¨è¨ˆã§ã‚‚ã£ã¨ãƒ¡ãƒ¼ãƒ«ã‚’èªã¿ã‚„ã™ãï¼ Yahoo!メールã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«äº‹ä¾‹
実際ã«é©ç”¨ã—ã¦ã„ã‚‹ç”»é¢ã¯ã“ã¡ã‚‰ã§ã™ã€‚ ã‚ãˆã¦ãƒ–ラウザ用ã®ãƒ«ãƒ¼ãƒ«ã‚’定義ã—ãŸéƒ¨åˆ† 一方ã§ã€ãƒ–ラウザã¨ã„ã†åª’体ã®ç‰¹æ€§ã«ã‚ˆã‚‹æœ€é©åŒ–ã‚’ã—ãŸç®‡æ‰€ã‚‚ã‚ã‚Šã¾ã™ã€‚ アプリã¯ãƒ¡ã‚¤ãƒ³ã®ãƒŠãƒ“ゲーションやツールãƒãƒ¼ã®ãƒœã‚¿ãƒ³ã¯ãƒ–ランドカラーã®èµ¤ã‚’使ã†ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã™ãŒã€ãれをブラウザã§ãã®ã¾ã¾é©ç”¨ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã®ã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã—ãŸã€‚アプリã®å ´åˆã¯ãã®ä¸–ç•Œã®ä¸ã§å®Œçµã™ã‚‹ã®ã§ã€ç‹¬è‡ªã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ«ãƒ¼ãƒ«ãŒã‚ã£ã¦ã‚‚å—ã‘入れられやã™ã„ã®ã§ã™ãŒã€ãƒ–ラウザã®å ´åˆã¯ãƒšãƒ¼ã‚¸ã‚’è¡Œãæ¥ã§ãã‚‹ãŸã‚ã€å…¨ãç•°ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ«ãƒ¼ãƒ«ã¨å…±å˜ã—ã¦ã„ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã€ãƒªãƒ³ã‚¯ã¯é’ã€ã‚¨ãƒ©ãƒ¼ã¯èµ¤ãªã©ä¸€èˆ¬çš„ã«èªçŸ¥ã•ã‚Œã¦ã„るデザインルールã¨ç•°ãªã‚‹ä½¿ã„方をã™ã‚‹å ´åˆã¯ã€ç‰¹ã«æ³¨æ„ãŒå¿…è¦ã«ãªã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ 上記ã®ç‚¹ã‚’ãµã¾ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆYahoo!メールã§ã¯ãƒ¡ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã¯é»’ã¨ã—ã¾ã—ãŸã€‚ã¾ãŸã€é»’を使ã†ã¨ãã«ã¯ã‚¿ãƒƒãƒ—ã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã‚ˆã†ã€ãƒœã‚¿ãƒ³ã®
Gradihunt: Automated Gradient Generator
Beautiful gradient app to generate gradient color and css.
Accessible Font Sizing, Explained | CSS-Tricks
The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font size for the web. But we know there’s such a thing as text that is too small to be legible, just as text that can be too large to consume. So, how can we make sure our font sizes are accessible? What sort of best practices can we rely on to make for
Web標準ã§ã¤ãるガラケーサイト
ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ä»¤å’Œå…ƒå¹´5 月18æ—¥ã«æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸ Inside Frontend #3ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã«ç°¡å˜ãªèª¬æ˜Žã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚ フィーãƒãƒ£ãƒ¼ãƒ•ã‚©ãƒ³ã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ã§ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãマインスイーパークãƒãƒ¼ãƒ³(proxx.app)を作ã£ãŸçµŒç·¯ã¨é–‹ç™ºã®éŽç¨‹ã‚’発表ã—ã¾ã—ãŸã€‚ ãªâ€¦
aria-live属性 | HTMLリファレンス
aria-live属性ã¯å†…容ãŒæ›´æ–°ã•ã‚ŒãŸéš›ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼é”ã™ã‚‹ã‹ã©ã†ã‹ã‚’指定ã§ãã‚‹WAI-ARIA属性ã§ã™ã€‚ aria-live属性ã«ã¯ä»¥ä¸‹ã®å€¤ã‚’指定ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 値 内容 off 内容ãŒæ›´æ–°ã•ã‚Œã¦ã‚‚ユーザーã«ä¼é”ã—ãªã„(デフォルト) polite ç¾åœ¨ã®èªã¿ä¸Šã’ã®çµ‚了やユーザー入力時ãªã©é©åˆ‡ãªã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€å†…容ãŒæ›´æ–°ã•ã‚ŒãŸã•ã„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼é”ã™ã‚‹ã€‚ assertive å³åº§ã«ä¼é”を行ㆠ以下ã®ã‚µãƒ³ãƒ—ルã§ã¯progressè¦ç´ ã®é€²æ©åº¦ã‚’JavaScriptãªã©ã§é€æ¬¡å¤‰æ›´ã—ã€100%ã«ãªã£ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§èªã¿è¾¼ã¿çµ‚了ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ progressè¦ç´ ã«ã¯aria-live=â€politeâ€ã‚’指定ã—ã¦ã¦ãã˜é€²æ©åº¦ã‚’ユーザーã«ä¼é”ã—ã€èªã¿è¾¼ã¿çµ‚了ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«ã¯aria-live=â€assertiveâ€ã‚’指定ã—ã¦å³åº§ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼é”ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <pr
A11Y Style Guide
This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility expertise, there are ways to help contribute to the a11y style guide. Why did this project start? We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer,
Colorable
Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. “If one says ‘Red’ (the name of the color) and there are 50 people listening, it can be expect
Using ARIA
Using ARIA W3C Working Draft 04 May 2017 This version: https://www.w3.org/TR/2017/WD-using-aria-20170504/ Latest published version: https://www.w3.org/TR/using-aria/ Latest editor's draft: https://w3c.github.io/using-aria/ Previous version: https://www.w3.org/TR/2017/WD-aria-in-html-20170418/ Editors: Steve Faulkner, The Paciello Group, sfaulkner@paciellogroup.com David MacDonald, CanAdapt Solutio
Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA
Bulletproof Accessible Icon Fonts Posted by Zach Leatherman 01/13/2014 April 2020 note: Hi! Just a quick note to say that this post is pretty old, and might contain outdated advice or links. We're keeping it online, but recommend that you check newer posts to see if there's a better approach. Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens w
モーダルダイアãƒã‚°ã‚’視覚表ç¾ã ã‘ã§çµ‚ã‚らã›ãªã„ - Web Accessibility Advent Calendar 2013 - neotagã®é›‘æ–‡
Web Accessibility Advent Calendar 2013 åˆæ—¥ã§ã™ã€‚ http://www.adventar.org/calendars/64 neotagã§ã™ã€‚åˆæ—¥ãªã®ã«è¨˜äº‹å…¬é–‹ãŒé…ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã—ょã£ã±ãªã‹ã‚‰å‡ºé¼»ã‚’ãã˜ã„ã¦ã—ã¾ã„大変申ã—訳ã‚ã‚Šã¾ã›ã‚“。（土下座） 追記 2013/12/06 ã“ã®è¨˜äº‹ã®è£œè¶³ã«ãªã‚‹è¨˜äº‹ã‚’ @milk54 ã•ã‚“ãŒæ›¸ã„ã¦ãã ã•ã„ã¾ã—ãŸã€‚ リニューアルã—ã¦æƒ…å ±ãŒå¾—られãªããªã£ãŸã¨ã„ã†ã‚µã‚¤ãƒˆã‚’調ã¹ã¦ã¿ãŸ 追記ã“ã“ã¾ã§ JavaScript ã«ã‚ˆã‚‹è¦–覚表ç¾ãŒç››ã‚“ã«ãªã£ã¦ã‹ã‚‰å½“ãŸã‚Šå‰ã«ä½¿ã‚れるよã†ã«ãªã£ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã‚’è¿½åŠ ã§è¡¨ç¤ºã™ã‚‹éš›ã«å¤§å¤‰ä¾¿åˆ©ãªã®ã§ã™ãŒã€è¦‹ãŸç›®ã ã‘実装ã™ã‚‹ã¨æ€ã‚ã¬ç½ ãŒã‚ã‚Šã¾ã™ã€‚ 普通ã«çµ„ã‚“ã å ´åˆ Library ãªã©ä½¿ã‚ãšã«æ™®é€šã« JavaScript を書ã„ãŸå ´åˆ
ã€iOS5】大手ã¯è¨˜äº‹ã«ã—ãªã„玄人機能AssistiveTouchを解説ã™ã‚‹ã‚ˆãƒ¼ï¼ - iPhone APPを探ã™ãªã‚‰ã‚¢ãƒƒãƒ—ス!!!
2011å¹´10月13æ—¥ 06:41 カテゴリiOSアップデートiphoneã®å°æŠ€ ã€iOS5】大手ã¯è¨˜äº‹ã«ã—ãªã„玄人機能AssistiveTouchを解説ã™ã‚‹ã‚ˆãƒ¼ï¼ Posted by hireme No Comments No Trackbacks ツイート (ヽ'ω`):ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€‚ケスラブ(@gessori2)ã§ã™ã€‚今回ã¯ã‚ã¾ã‚Šã«ã‚‚マイナーãªã®ã§å¤§æ‰‹ã¯ã©ã“も記事ã«ã—ãªã„éš ã‚Œæ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã‚ˆ~。 ãã®æ©Ÿèƒ½ã¨ã¯ã€AssistiveTouchã§ã™ã€‚慣れるã¨è¶…~便利ï¼ãã£ã¨é›¢ã‚Œã‚‰ã‚Œãªããªã‚‹ã¨æ€ã„ã¾ã™ã‚ˆï¼ 関連:ã€iOS5】フリック入力ãŒã•ã‚‰ã£ã¨ãƒ‘ワーアップã—ã¦ã‚‹ä»¶â‡›æ°—ã¥ãã‚ã‘ãªã„ 　　   ã‚ãªãŸãŒçŸ¥ã‚‰ãªã„iOS5ã®æ–°ã‚«ãƒ¡ãƒ©æ©Ÿèƒ½ã‚’紹介ã™ã‚‹ã‚ˆã€œï¼Â     iCloudã ã‘ã˜ã‚ƒãªã„ï¼iOS5ã§è¿½åŠ ã•ã‚ŒãŸåœ°å‘³ã«ã‚¹ã‚´ã‚¤æ©Ÿèƒ½ã‚’紹介ã™ã‚‹ã‚ˆã€€ 　ã€iOS5ã€‘è¿½åŠ æ©Ÿèƒ½ã‚¶ãƒƒã‚¯ã‚¶ãƒƒã‚¯ã§Saf
プãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆï¼ˆProgressive Enhancement）ã¨ã„ã†è€ƒãˆã‹ãŸï½œã‚¦ã‚§ãƒ–ユーザビリティå‘上を支æ´ã™ã‚‹Website Usability Info
公開日 : 2010å¹´6月6æ—¥ (2021å¹´2月2æ—¥ æ›´æ–°) カテゴリー : アクセシビリティ 最近ã€ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆï¼ˆProgressive Enhancement）ã¨ã„ã†è¨€è‘‰ã‚’よãç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Webユーザーã®å¢—åŠ ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒã®å¤šæ§˜åŒ–（パソコンã ã‘ã§ãªãã€æºå¸¯é›»è©±ã‚„スマートフォンã€æ”¯æ´æŠ€è¡“ãªã©ï¼‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æŠ±ãˆã‚‹èº«ä½“的状æ³ã®å¤šæ§˜åŒ–（障害ã€åŠ é½¢ã€æ€ªæˆ‘ã€ãªã©ï¼‰ã€ã¨ã„ã£ãŸèƒŒæ™¯ã‚’è¸ã¾ãˆã¦ã€ã‚ˆã‚Šå¹…広ãã€å¤šãã®äººãŒæƒ…å ±ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãるよã†ã«ã™ã‚‹ã“ã¨ã‚’目指ã—ãŸWebサイトã®é–‹ç™ºç†å¿µã§ã™ï¼ˆWebアクセシビリティを実ç¾ã™ã‚‹ãŸã‚ã®æŠ€è¡“的方法論ã®ã²ã¨ã¤ã¨ã‚‚言ãˆã¾ã™ã）。以下ã€ç°¡å˜ã«ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 基本的ãªè€ƒãˆã‹ãŸ ã‚らゆるユーザーã«å¯¾ã—ã¦ã€åŸºæœ¬çš„ãªä½“験ãŒã§ãるよã†ã«ã—ã¾ã™ï¼ˆãŸã¨ãˆã°ã€ãã®ã‚µã‚¤ãƒˆãŒä¼ãˆãŸã„æƒ…å ±ã«ã¯ã€ã©ã‚“ãªé–²è¦§ç’°å¢ƒä¸‹ã«ã„るユーザーã§ã‚‚ã¡ã‚ƒã‚“ã¨åˆ°é”ã§ãã‚‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
The 6 Most Common Accessibility Problems (and How to Fix Them)
WhoCanUse
Jason Frame | Event & Exhibition Installations, Product Prototyping | Ruby on Rails, Mac & iPhone Development | Glasgow, UK
{{#tags}}- {{label}}
{{/tags}}