The Paciello Group Blog » HTML5: Techniques for providing useful text alternatives
The latest in accessibility law, strategy, program management, and news, as well as upcoming events, and articles on web development issues, techniques, design patterns, auditing, WCAG, and resources of a technical nature. TPGi blog articles are grouped into two main categories: Articles that focus on strategic and managerial aspects of web accessibility, providing insights on creating inclusive d
Easy ARIA Tip #4: Landmarks - Marco's Accessibility Blog
Yes, they’re back! This is the fourth Easy ARIA Tip in a trilogy of Easy ARIA Tips. 🙂 This week, WebAIM published the results of their second screen reader survey. One of the things to note for me was that not many users seem to be aware of a feature in the WAI-ARIA (Accessible Rich Internet Applications) specification called landmarks. This article aims to provide an easy to follow guide to impl
Easy ARIA Tip #1: Using aria-required - Marco's Accessibility Blog
Inspired by a conversation I had with Aaron the other day, I’m starting a mini series about easy accessibility improvements you can accomplish using ARIA, but which do not require you to implement a whole widget. Some ARIA attributes also work on plain old standard HTML elements and can easily improve accessibility within supported browsers and screen readers. On browsers that do not support these
Easy ARIA tip #2: aria-labelledby and aria-describedby - Marco's Accessibility Blog
Sorry it took me so long to get back to it, but here it is, my second tip on the usage of some easy ARIA markup to make your sites more accessible. Imagine this: You have a form where you ask your user a question, but the answer is actually part of the sentence the question is made of. A classic example we all know from our browser settings is the setting “Delete history after x daysâ€. “Delete his
Easy ARIA tip #3: aria-invalid and role "alert" - Marco's Accessibility Blog
I know, I know, it’s been a while since I posted my last Easy ARIA tip. But I’m hoping that this one will find you all excited and willing to play with it some more! The problem: You have a form, a contact form, for example, that you want to put some accessible error checking into. Common problems are e-mail addresses that are not valid, or a name that does not contain at least a first and a surna
WAI-ARIA導入（日本語訳） - Trans
著者: Gez Lemon件å: Introduction to WAI ARIA日付: 2008å¹´8月1æ—¥URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIAå°Žå…¥ ARIAã«ã¯ã˜ã‚ã¦è§¦ã‚Œã‚‹äººãŸã¡ã®ãŸã‚ã«ã“ã®è¨˜äº‹ã¯æ›¸ã‹ã‚Œã¦ã„る。障害をæŒã¤äººãŸã¡ãŒWebを使ã†ã«ã‚ãŸã£ã¦ã¶ã¤ã‹ã‚‹æ½œåœ¨çš„ãªé›£ã—ã•ã¨HTMLã®ç†è§£ã‚’å¿…è¦ã¨ã™ã‚‹ã€‚ユーザを観察ã™ã‚‹ã¨ã€ã„ãã¤ã‹ã®RIAã¨è¦ªå’Œæ€§ãŒé«˜ã„ã“ã¨ãŒåˆ†ã‹ã‚‹ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã‚’èªã‚“ã ã‚ã¨ã€ARIAãŒä½•ã®å½¹ã«ç«‹ã¤ã‹ã€Webサイトã«ã©
Accessible Interface to YouTube
An accessible way to access video sharing website YouTube - screen reader users welcome!This website is designed to provide an accessible version of the popular video-sharing website YouTube. In addition to traditional accessible design practices such as semantic, well-structured markup, high-contrast colour schemes and standards compliance, newly-available technologies such as WAI-ARIA have been
Illinois Center for Information Technology Accessibility: ARIA Examples
Summary The Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap) addresses the accessibility of dynamic Web content for people with disabilities. The roadmap outlines the technologies to map controls, AJAX live regions, and events to accessibility APIs, including custom controls used for Rich Internet Applications. The roadmap also outlines new navigation techniques to mark common
[Think IT] ã€è¦‹ã‚„ã™ã•ã¨ä½¿ã„ã‚„ã™ã•ã€‘WAI-ARIAã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルRIA
å–ç· å½¹ CTO 2004å¹´1æœˆã‚ˆã‚Šæ ªå¼ä¼šç¤¾ã‚¢ãƒ¼ã‚¯ã‚¦ã‚§ãƒ–ã®å‰µæ¥ã‚¹ã‚¿ãƒƒãƒ•ã¨ã—ã¦å‹¤å‹™ã€‚SEã¨ã—ã¦ã•ã¾ã–ã¾ãªWebシステムã®æ§‹ç¯‰ã«å¾“事。オープンソースコミュニティーZen Cart.JPã«ã¦ã‚³ãƒŸãƒƒã‚¿ãƒ¼ã®å½¹å‰²ã‚’å‹™ã‚ã€Zen Cartã€Ajaxã€Ruby on Railsãªã©ã®è¨˜äº‹åŸ·ç†ã‚‚è¡Œã£ã¦ã„る。 http://www.ark-web.jp/
Twitterã§WAI-ARIAã®é›°å›²æ°—ã‚’ç†è§£ã™ã‚‹ - Trans
（追記2008å¹´9月5日）属性ã®ã“ã¨ã‚’ã‚¿ã‚°ã¨æ›¸ãé–“é•ãˆã¦ã„ãŸç®‡æ‰€ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚（id:kitsã•ã‚“より） Twitterã®æŠ•ç¨¿æ–‡å—æ•°ã®åˆ¶é™ã¨ã„ã†ã®ã¯WAI-ARIAã‚’ç†è§£ã™ã‚‹ä¸Šã§æ‰‹ã£å–ã‚Šæ—©ã„サンプルã ã¨æ€ã„ã¾ã™ã€‚ @media 2008ã®ãƒ—レゼンテーション資料 今年5月29æ—¥ã¨30æ—¥ã«ãƒãƒ³ãƒ‰ãƒ³ã§è¡Œã‚ã‚ŒãŸã‚‰ã—ã„@media 2008ã§ã€WAI-ARIA: It’s Easyã¨ã„ã†ãƒ—レゼンãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚スライドも公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ 僕ã«ã¨ã£ã¦WAI-ARIAã¨ã„ã†ã®ã¯ç›´æ„Ÿçš„ã«ç†è§£ã—ã«ãã„ã¨ã„ã†é¢ãŒã‚ã£ãŸã®ã§ã€ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ã‚ã¾ã‚Šå–り上ã’ã¦ã“ãªã‹ã£ãŸã®ã§ã™ãŒã€ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®äº‹ä¾‹ãŒè‡ªåˆ†ã«ã¨ã£ã¦ã€Œã‚¹ãƒˆãƒ³ã€ã¨è…‘ã«è½ã¡ã‚‹éƒ¨åˆ†ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Ajaxã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®èª²é¡Œ Webサイトã§Ajaxã®å°Žå…¥ãŒé€²ã‚€ã«é€£ã‚Œã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãŒå¯¾å¿œã§ããªã„ã¨ã„ã†èª²é¡ŒãŒã„ã‚ã„ã‚ã¨å‡ºã¦ãã¦ã„ã¾ã™ã€‚ã
WAI-ARIA（日本語訳）：日立ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
WAI-ARIAã¨ã¯ã€Web Accessibility Initiative-Accessible Rich Internet Applicationsã®ç•¥ã§ã€W3CãŒç¾åœ¨ã€å‹§å‘Šã«å‘ã‘ã¦ç–定作æ¥ã‚’進ã‚ã¦ã„るリッãƒãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーションã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã«é–¢ã™ã‚‹ä»•æ§˜æ›¸ã®ã“ã¨ã§ã™ã€‚JavaScriptã‚„Ajaxãªã©ã‚’使用ã—ãŸå‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚„ã‚ーボードæ“作ã§ã¯åˆ©ç”¨ã§ããªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚WAI-ARIAã¯ã€ãã†ã„ã£ãŸå•é¡Œã‚’解決ã™ã¹ãã€W3Cã®Protocols and Formats ワーã‚ンググループ (PFWG) ã«ãŠã„ã¦ç–定ã•ã‚Œã¦ã„ã¾ã™ã€‚ WAI-ARIAã®é–¢é€£æ–‡æ›¸ç¾¤ã®åŽŸæ–‡ã¯è‹±èªžã§ã™ãŒã€æ—¥æœ¬ã«ãŠã‘ã‚‹ã“ã®ä»•æ§˜ã¸ã®ç†è§£ã¨æ™®åŠãŒé€²ã‚€ä¸€åŠ©ã«ãªã‚Œã°ã¨ã€æ—¥ç«‹ãŒç¤¾å†…用ã«ç¿»è¨³ã—ãŸæ–‡æ›¸ã‚’日立ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã§å…¬é–‹ã—ã¾ã™ã€‚Webサイトã€Webシステムã®ã‚¢ã‚¯ã‚»ã‚·
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}