HTML5: Techniques for providing useful text alternatives
HTML5: Techniques for providing useful text alternatives W3C Working Group Note 21 May 2015 This version: http://www.w3.org/TR/2015/NOTE-html-alt-techniques-20150521/ Latest published version: http://www.w3.org/TR/html-alt-techniques/ Previous version: http://www.w3.org/TR/2014/WD-html-alt-techniques-20141023 Editors: Shane McCarron, Applied Testing and Technology, Inc., [email protected] Liam R E
WebAIM: WebAIM's WCAG 2 Checklist
The experts at WebAIM can audit your web site and provide a detailed report to help you remediate accessibility and WCAG compliance issues. Learn more about WebAIM Evaluation Services The following is NOT the Web Content Accessibility Guidelines (WCAG) 2. It is a checklist that presents our recommendations for implementing the most common accessibility principles and techniques for those seeking W
WEB+DB PRESS Vol.49 WAI-ARIA: Days on the Moon
ç¾åœ¨ç™ºå£²ä¸ã® WEB+DB PRESS Vol. 49 ã«ã¦ Accessible Rich Internet Applications (WAI-ARIA) ã«é–¢ã™ã‚‹è¨˜äº‹ã‚’書ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚2009 年㯠Web アクセシビリティã®å¹´ã«ãªã‚‹ã¨ã„ã†å™‚ã‚’ã©ã“ã‹ã‚‰ã¨ã‚‚ãªãèžãã¤ã‘ã¦ã“ã®ãƒ†ãƒ¼ãƒžã«ã—ãŸã®ã§ã™ãŒã€ã¡ã‚‡ã†ã© WAI-ARIA 1.0 ã®æœ€çµ‚è‰æ¡ˆã‚‚公開ã•ã‚Œã‚ˆã„タイミングã«ãªã£ãŸã®ã§ã¯ã¨å‹æ‰‹ã«æ€ã£ã¦ã„ã¾ã™ã€‚ WAI-ARIA ã¨ã¯ä½•ãªã®ã‹ã€è©³ã—ã„ã“ã¨ã¯é›‘誌記事をå‚ç…§ã—ã¦ã„ãŸã ãã¨ã—ã¦ã€ç°¡å˜ã«è¨€ãˆã° JavaScript ã§æ§‹ç¯‰ã—㟠RIA を機械的ã«èªè˜ã™ã‚‹ãŸã‚ã®ä»•æ§˜ã§ã™ã€‚ãŸã¨ãˆã° JavaScript ã§ã“ã£ãŸãƒœã‚¿ãƒ³ã‚’作ã£ãŸã¨ã—ã¾ã—ょã†ã€‚利用者ãŒã©ã†ã‚„ã£ã¦ã€Œãã‚ŒãŒãƒœã‚¿ãƒ³ã§ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’èªè˜ã™ã‚‹ã‹ã¨ã„ãˆã°ã€ã€Œå‘¨ã‚Šã‹ã‚‰æµ®ã出ã¦ã„ã¦ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’ä¹—ã›ã‚‹ã¨è‰²ãŒå¤‰ã‚ã‚‹ã€ã¨ã„ã£ãŸæ„Ÿè¦šã«ã‚ˆ
WAI-ARIA クライアントサイド野郎å‘ã‘ã¾ã¨ã‚ - oogatta ã®ãƒ–ãƒã‚°
何ã“ã‚Œ Web Accessibility Initiative(WAI) ãŒä½œã£ãŸ Accessible Rich Internet Applications(ARIA) ã®ãŸã‚ã®ã”æ案。(X)HTML 上ã§å‹•ã RIA をターゲットã«ã—ã¦ã„ã‚‹ã®ã§å½“然 (X)HTML ã«å±žæ€§ã‚’è¿½åŠ ã—よã†ã¨ã™ã‚‹ã‚‚ã®ã€‚ ※「HTML 文書をアクセシブルã«ã™ã‚‹ã€ãŸã‚ã®ã‚‚ã®ã§ã¯ãªã„。RIA ã¯å‰æã¨ã—㦠JavaScript ã§ãƒ“ヘイビアãŒè¨˜è¿°ã•ã‚Œã‚‹ã®ã§ã€ŒJavaScriptオフã€ã¨ã„ã†ã®ã¯åŸºæœ¬æƒ³å®šå¤–（ã¨æ€ã†ï¼‰ã€‚ ※ã¡ãªã¿ã«ã€ã»ã¨ã‚“ã©ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ã¯ JavaScript を普通ã«å‡¦ç†ã—ã¾ã™ã€‚ 今更 HTML4 㨠XHTML1.0 ã«å±žæ€§ä»˜ã‘られるã®ï¼Ÿ Valid ã˜ã‚ƒãªã„ã®ã§ã¯ï¼Ÿ Embedding Accessibility Role and State Metadata in HTML Docume
支æ´æŠ€è¡“åˆ¥å‹•ä½œæ¤œè¨¼å ±å‘Šï¼š 複雑ãªç”»åƒã¸ã®ä»£æ›¿ãƒ†ã‚ストã®æ案 | アクセシビリティBlog | ミツエーリンクス
Webサイトã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã£ã¦ã„ã‚‹ã¨ãƒãƒ©ãƒ³ã‚¹ã®æ‚ªã„代替テã‚ストã«å‡ºä¼šã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 例ãˆã°ã€è¤‡é›‘ãªãƒ•ãƒãƒ¼å›³ã«ã€Œãƒ•ãƒãƒ¼ã€ã¨ã„ã†ä»£æ›¿ãƒ†ã‚ストã®ã¿ãŒè¨˜è¿°ã•ã‚Œã¦ã„るよã†ãªã‚±ãƒ¼ã‚¹ã§ã™ã€‚ã‚‚ã—ãã®ç”»åƒä»¥å¤–ã«ãƒ•ãƒãƒ¼ã«é–¢ã™ã‚‹èª¬æ˜ŽãŒãªã„å ´åˆã€ã€Œãƒ•ãƒãƒ¼ã€ã¨ã„ã†æ–‡è¨€ã‹ã‚‰ã ã‘ã§ã¯ã€ãƒ•ãƒãƒ¼ã®å…·ä½“çš„ãªå†…容をç†è§£ã™ã‚‹ã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“。本æ¥ã§ã‚ã‚Œã°ã€alt属性ã«ã¯ãƒ•ãƒãƒ¼å›³ã«æ›¸ã‹ã‚ŒãŸå†…容を記述ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã§ã—ょã†ã€‚ 一方ã€ç”»åƒã«å«ã¾ã‚Œã‚‹æƒ…å ±ã‚’ã™ã¹ã¦è¨˜è¼‰ã—ã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚らãšã€ç†è§£ã—ã«ãã„代替テã‚ストã¨ãªã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å˜åœ¨ã—ã¾ã™ã€‚グラフã«å¯¾ã™ã‚‹ä»£æ›¿ãƒ†ã‚ストを例ã«è¦‹ã¦ã¿ã¾ã—ょã†ã€‚下記ã¯ç”»åƒä¸Šã®æƒ…å ±ã‚’ã™ã¹ã¦alt属性ã«è¨˜è¿°ã—ãŸã‚±ãƒ¼ã‚¹ã§ã™ã€‚ 音声èªã¿ä¸Šã’環境ã§ã¯ã€alt属性ã«è¨å®šã•ã‚ŒãŸãƒ†ã‚ストã¯ã€1è¡Œã«ç¾…列ã•ã‚ŒãŸçŠ¶æ…‹ã§èªã¿ä¸Šã’られã¾ã™ã€‚次々èªã¿ä¸Šã’ã‚‰ã‚Œã‚‹æƒ…å ±ã‚’é ã§è¨˜æ†¶ã—ãªãŒã‚‰èžã‹ãã°ãªã‚‰ãªã„ãŸã‚ã€ä»£æ›¿ãƒ†ã‚ストãŒé•·
CSS Nite in Osaka, Vol.12 「alt属性考ã€ã‚¹ãƒ©ã‚¤ãƒ‰å…¬é–‹ - Trans
一昨日ã€CSS Nite in Osaka, Vol.12ã«æ¥ã¦ã„ãŸã ã„ãŸçš†æ§˜ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã•ã¦ã€ã¨ã‚Šã‚ãˆãšãªã®ã§ã™ãŒã€ãã®éš›ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã™ã€‚ alt属性考View SlideShare presentation or Upload your own.ã¡ãªã¿ã«ã€ä½•ãŒæ‚ªã„ã®ã‹ã€SlideShareã®ã»ã†ã¯ã‚る特定ã®æ¡ä»¶ã®ç”»é¢ã§èƒŒæ™¯ãŒçœŸã£èµ¤ã«ãªã‚‹ã¨ã„ã†æ‘©è¨¶ä¸æ€è°ãªç¾è±¡ã‚‚体験ã§ãã¾ã™ã€‚ PDF版（5.9MB）もã‚ã‚Šã¾ã™ã€‚ 音声ã¯CSS Niteå…¬å¼ãƒ–ãƒã‚°ã®ã»ã†ã§å¾Œæ—¥èžãã“ã¨ãŒã§ãるよã†ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãã¡ã‚‰ã‚‚èžã„ã¦ã¿ã¦ãã ã•ã„（後ã‚ã®æ–¹ã§èžã„ã¦ã„ãŸæ–¹ã‹ã‚‰èžã“ãˆã¥ã‚‰ã‹ã£ãŸã¨ã„ã†æ„見も伺ã„ã¾ã—ãŸã—）。 ã‚ã¨ã€æœ€å¾Œã«è§¦ã‚ŒãŸã®ã§ã™ãŒã€ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–デザインワークショップ with Re:Creator's Kansaiã€ã‚„ã‚Šã¾ã™ã€‚ã¨ã‚Šã‚ãˆãšã€ã”å ±å‘Šã€‚ã“ã‚Œã¯ã¾ãŸåˆ¥ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§
labelè¦ç´ ã¨ãã®æŒ™å‹• | Web標準Blog | ミツエーリンクス
先週å–り上ã’ãŸmaxlength属性ã«å¼•ã続ãã€ä»Šå›žã¯labelè¦ç´ ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ labelè¦ç´ ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ・ユーザビリティ inputè¦ç´ ãã®ã‚‚ã®ã«ã¯ã€ãƒ©ãƒ™ãƒ«ã‚’記述ã™ã‚‹ä»•çµ„ã¿ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã›ã‚“。ã“ã®ãŸã‚ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãªã©ã§ãƒ•ã‚©ãƒ¼ãƒ コントãƒãƒ¼ãƒ«ã®èªã¿ä¸Šã’ã«æ”¯éšœãŒå‡ºã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚アクセシビリティã®ç¢ºä¿ã®ãŸã‚ã€å„フォームコントãƒãƒ¼ãƒ«ã«ã¯labelè¦ç´ ã‚’è¨ã‘ã‚‹ã“ã¨ãŒå¿…è¦ã§ã—ょã†ã€‚ ã•ã¦ã€labelè¦ç´ ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã«ã®ã¿åŠ¹æžœãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ラベルを指定ã™ã‚‹ã“ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å‘上ã«ã‚‚ã¤ãªãŒã‚Šã¾ã™ã€‚ ãŸã¨ãˆã°ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラジオボタンãªã©ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¯ã€ãれ自身ã®ã‚µã‚¤ã‚ºãŒå°ã•ã„ãŸã‚ã€ã‚¯ãƒªãƒƒã‚¯ã‚’ã—ã«ãã„ã¨ã„ã†æ¬ 点ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€labelè¦ç´ ã§ãƒ©ãƒ™ãƒ«ã¨ãƒ•ã‚©ãƒ¼ãƒ コントãƒãƒ¼ãƒ«ã‚’çµã³ã¤ã‘ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ©ãƒ™ãƒ«ã‚’クリックã—ãŸã¨ãã«ãƒã‚§ãƒƒã‚¯ã‚’ã¤ã‘
アックゼãƒãƒ¨ãƒ³ã®ã“ã¨ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®ã“ã¨ã€‚ | Junnama Online
2008å¹´4月23日アックゼãƒãƒ¨ãƒ³ãƒ»ã‚¢ãƒ¯ãƒ¼ãƒ‰2007授賞å¼ãŒæ±äº¬å›½éš›ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ホールã§é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚僕ã¯ä¸€å¿œè‡ªç¤¾ã®ã‚µã‚¤ãƒˆãŒãƒ•ã‚¡ã‚¤ãƒŠãƒªã‚¹ãƒˆ(入賞)ã¨ã„ã†ã“ã¨ã§è¡Œã£ã¦ãã¾ã—ãŸã€‚ è² ã‘惜ã—ã¿ã§ã¯ãªãã€è³žã¯ã¨ã‚Œãªã„ã ã‚ã†ã¨æ€ã£ã¦ã„㦠(ã‚ã¡ã“ã¡ã§å…¬è¨€ã—ã¦ã„ã¾ã—ãŸãŒ)ã€äº‹å®Ÿãã†ãªã‚Šã¾ã—ãŸã€‚ã¨ã‚Œãªã„ã ã‚ã†ã¨æ€ã£ã¦ã„ãŸç†ç”±ã¯ã€ã¤ã¾ã‚Šä¸€æ¬¡å¯©æŸ»ã¨äºŒæ¬¡å¯©æŸ»ã§è¦‹ã‚‹ã¹ãã¨ã“ã‚ã‚‚é•ã†ã—見る人もé•ã†ã‹ã‚‰ã€‚今年ã¯ã€Œã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å„ªã‚ŒãŸã‚¦ã‚§ãƒ–サイトã€ã§ã™ã€‚部門ã¯ã„ãã¤ã‹ã‚ã£ãŸã‘ã‚Œã©ã€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è³ªä»¥å‰ã«ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å¯¾è±¡ãŒé•ã†ã‚ã‘ã ã‹ã‚‰ã€ãã†ã„ã†é¢ã§ã€Œå°è¦æ¨¡ã‚¦ã‚§ãƒ–制作会社ã€ã®ã‚µã‚¤ãƒˆã§ã‚るウãƒã®ã‚µã‚¤ãƒˆ (且ã¤ã€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ˆã‚Šã¯ã‚·ãƒ§ã‚¦ãƒ«ãƒ¼ãƒ çš„ã€æŠ€è¡“アピールã€å®Ÿé¨“çš„ãªå ´æ‰€) ãŒé¸ã°ã‚Œã‚‹ã“ã¨ã¯ãªã„ã ã‚ã†ã¨æ€ã£ã¦ã„ãŸã®ã§ã™(ä¸å°ä¼æ¥åºé•·å®˜è³žã£ã¦ã®ãŒã‚ã‚Œã°ã¨ã‚Œã¦ã„ãŸã‹ã‚‚ã—れんã‘ã©ã)。 ã‚°
Accessible Data Visualization with Web Standards
We’ve been talking about Web 2.0 for so long now it’s already passé to argue about what it means and what it doesn’t. But one thing’s for sure, there’s a lot of data out there on the web these days. And as web designers, we’re designing a lot of data-driven sites. There are plenty of options out there for data visualization, too. Google’s recently-announced Charts API is a great example, but there
フãƒãƒ³ãƒˆãƒ»ãƒšãƒ¼ã‚¸ - MarkupDancing
フãƒãƒ³ãƒˆãƒ»ãƒšãƒ¼ã‚¸ 河本å之ã®ã‚¦ã‚§ãƒ–サイトã§ã™ã€‚æƒ…å ±ã‚»ã‚ュリティã‹ã‚‰äººç¨®å·®åˆ¥ã‚„タイãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã§ã€å€‹äººã¨ã—ã¦ã®è¶£å‘³ã‚„関心ã«ã‹ã‹ã‚るページを全ã¦åˆ—挙ã—ã¦ã„ã¾ã™ã€‚ https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本å之 Takayuki Kawamoto, 河本å之 philsci Chief Privacy Officer, å€‹äººæƒ…å ±ä¿è·ç®¡ç†è€…, general manager at department of infromation systems, æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ éƒ¨é•· Philosophy of Science Society, Japan: 日本科å¦å“²å¦ä¼š Graduat
「TELã€ãƒ»ã€ŒFAXã€ã¯éŸ³å£°ãƒ–ラウザやスクリーンリーダーã§ã©ã®ã‚ˆã†ã«èªã¿ä¸Šã’られるã®ã‹ï¼Ÿ - Trans
「TELã€ãƒ»ã€ŒFAXã€ã¯éŸ³å£°ãƒ–ラウザやスクリーンリーダーã«ã‚ˆã£ã¦èªã¿ä¸Šã’られ方ãŒç•°ãªã‚‹ãªã®ã§ã€text-transformを使ã£ãŸã»ã†ãŒç„¡é›£ãªã‚ˆã†ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸå®Ÿé¨“ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <ul> <li>tel</li> <li>TEL</li> <li><span class="uppercase">tel</li> </ul> .uppercase { text-transform: uppercase; } ãã‚Œãžã‚Œé›»è©±ã‚’表ã™ã€Œtelã€ã‚’å°æ–‡å—ã€å¤§æ–‡å—ã€text-transformã§å°æ–‡å—を大文å—ã«å¤‰æ›ã™ã‚‹ã€ã¨ã„ã†3ã¤ã®ã‚³ãƒ¼ãƒ‰ã‚’用æ„ã—ã¾ã—ãŸã€‚ ã§ã¯ã€ã“ã‚Œã¯éŸ³å£°ãƒ–ラウザやスクリーンリーダーã§ã¯ãã‚Œãžã‚Œã©ã®ã‚ˆã†ã«èªã¿ä¸Šã’られるã®ã§ã—ょã†ã‹ã€‚ 僕ã®æ‰‹æŒã¡ã®IBMホームページリーダー 3.0.4ã¨PC-Talker XPã§ã¯ã€IE6ã®ç’°å¢ƒã«ãŠã„ã¦ãã‚Œãžã‚Œæ¬¡ã®ã‚ˆã†
ユーザーã®å‹•ã。｜CSS HappyLife
ボクãŸã¡ã¿ãŸã„ãªã€ã‚¦ã‚§ãƒ–サイトを閲覧ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã®äººé–“ã‹ã‚‰ã™ã‚‹ã¨ã€å…¨ãæ°—ã¥ã‹ãªã„事ã«æ°—ã¥ã‹ã•ã‚ŒãŸã‚Šã—ãŸã®ã§ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ 2008å¹´2月14æ—¥ã®22：47é ƒã«è¿½è¨˜ ボクã®ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨ã¡ã‚ƒã‚“ã¨ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ã„ã¦ã‚‚らã£ã¦ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦ã”覧ã«ãªã£ã¦é ‚ãã¨ã€è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Webアクセシビリティã«ã¤ã„ã¦ã®è¦šæ›¸ - ãã‚“ãŒã‚“ã®Webユーザビリティテストã«å‚åŠ ã—㟠ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ページã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„。 トップページã«æˆ»ã‚‹å ´åˆã¯ã€ãƒ–ラウザã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã€‚ サイドãƒãƒ¼ã®ãƒãƒŠãƒ¼ã¯ã€èªçŸ¥ã™ã‚‰ã•ã‚Œãªã„傾å‘ãŒå¼·ã„。 ãã‚‚ãã‚‚ãƒãƒŠãƒ¼ã¨ã—ã¦æŠ¼ã›ã‚‹ã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®é£¾ã‚Šã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹å ´åˆã‚‚。 リストã®ãƒžãƒ¼ã‚¯ã¨ã‹ã®ãƒžãƒ¼ã‚¯éƒ¨åˆ†ã‚’クリックã—よーã¨ã™ã‚‹äººãŒå±…る。 ãã‚Œã«ã‚ˆã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨è«¦ã‚るケースも。 プルダウン（ドãƒãƒƒãƒ—ダウン）型メニューã¯ã€è¿‘ãã®ãƒœã‚¿ãƒ³ã‚’押
delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ - Webtech Walker
Home Archive delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ 2007å¹´11月19æ—¥ category:XHTML/CSS Comment(0) Trackback(0) delè¦ç´ ã¨ã‹insè¦ç´ ã£ã¦éŸ³å£°ãƒ–ラウザã¨ã‹ã§åŒºåˆ¥ã•ã‚Œãšã€æ™®é€šã®ãƒ†ã‚ストã¨ã—ã¦èªã¿ä¸Šã’られるんã§ã™ã‚ˆã。Web標準ã®æ—¥ã€…ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティトラックã®ãƒ¡ãƒ¢ã‚’ã±ã‚‰ã±ã‚‰ã¨è¦‹ã¦ã„ã¦ã€ãã†ã„ãˆã°è¨˜äº‹ã«ã—よã†ã€ã¨æ€ã£ãŸã®ã‚’忘れã¦ã¾ã—ãŸã€‚ 通常ã®delè¦ç´ を使ã£ãŸæ–‡ç« 下記ã®ã‚ˆã†ãªæ–‡ç« ã¯æ§‹é€ çš„ã«å•é¡Œãªã„ã—ã€ä¸€èˆ¬çš„ãªãƒ–ラウザã§ã¯å‰Šé™¤ã•ã‚ŒãŸéƒ¨åˆ†ã¨è¿½åŠ ã•ã‚ŒãŸéƒ¨åˆ†ãŒã‚ã‹ã‚Šã‚„ã™ã表示ã•ã‚Œã‚‹ã®ã§å•é¡Œãªã„ã§ã™ã‚ˆã。 例文 15æ—¥16æ—¥ã¯é›¨ã‚‰ã—ã„ã§ã™ã€‚ <p><del>15æ—¥</del><ins>16æ—¥</ins>ã¯é›¨ã‚‰ã—ã„ã§ã™ã€‚</p> å•é¡Œç‚¹ 上記ã®ä¾‹ã ã¨éŸ³å£°ãƒ–ラウザã§ã€Œ15
実践アクセシブルHTML - フォームã¯é€ä¿¡ã—ã¦ã‚‚らãˆã°ã“ã
ã“ã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã¯ã‚¤ãƒ¤ã ï¼ ãƒ•ã‚©ãƒ¼ãƒ ã¨ã¯ã€HTMLã®FORMè¦ç´ ãªã©ã«ã‚ˆã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„るコントãƒãƒ¼ãƒ«ç¾¤ã®å¡Šã®ã“ã¨ã§ã™ã€‚ã•ã¾ã–ã¾ãªã‚¦ã‚§ãƒ–サイトã«ãŠã„ã¦ã€ä¸»ã«å•ã„åˆã‚ã›ã®ãƒšãƒ¼ã‚¸ã§ã‚ã‚‹ã¨ã‹ã€ã‚µã‚¤ãƒˆå†…検索ã®ãŸã‚ã®ã‚ーワード入力用ã«ã ã¨ã‹ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚コミュニティ機能を備ãˆã¦ã„るよã†ãªã‚µã‚¤ãƒˆã§ã‚ã‚Œã°ã€æŽ²ç¤ºæ¿ã‚·ã‚¹ãƒ†ãƒ ã®ã‚ˆã†ãªã¨ã“ã‚ã§ã‚‚使ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã—ょã†ã€‚フォームã®ãªã„ウェブサイトã®ã»ã†ãŒçã—ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ãã‚Œãらã„ã€åˆ¶ä½œå´ã«ã‚‚ユーザーã«ã‚‚身近ãªã‚‚ã®ã§ã™ã€‚ INPUTè¦ç´ ã‚„TEXTAREAè¦ç´ ãªã©ã¨ã„ã£ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«å„è¦ç´ ã®æ©Ÿèƒ½ã¯ãƒ–ラウザã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã©ã®ã‚ˆã†ãªãƒ–ラウザã§ã‚ã£ã¦ã‚‚ãã®æ“作感ã«å¤§ããªé•ã„ãŒå‡ºã¾ã›ã‚“。ã—ã‹ã—コントãƒãƒ¼ãƒ«ã”ã¨ã®æ“作ã«é•ã„ãŒå‡ºãªã„ã¨ã„ã£ã¦ã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ 全体ã¨ã—ã¦ã¯ã‚„ã¯ã‚Šä½¿ã„ã‚„ã™ã„フォームã¨ä½¿ã„ã«ãã„フォームã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚
Webアクセシビリティ -æ¨™æº–æº–æ‹ ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルãªã‚µã‚¤ãƒˆã‚’構築/管ç†ã™ã‚‹ãŸã‚ã®è€ƒãˆæ–¹ã¨å®Ÿè·µ
Webアクセシビリティ普åŠã®ãŸã‚ã€ã€ŽWebアクセシビリティ -æ¨™æº–æº–æ‹ ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルãªã‚µã‚¤ãƒˆã‚’構築/管ç†ã™ã‚‹ãŸã‚ã®è€ƒãˆæ–¹ã¨å®Ÿè·µã€ï¼ˆæ¯Žæ—¥ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºï¼‰ã®1ç« ã‚’Webã§å…¬é–‹ã—ã¾ã™ã€‚ （原著"Web Accessibility: Web Standards and Regulatory Compliance"ã®1ç« ã‚‚"Understanding Web Accessibility"ã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚）
Webアクセシビリティ出版記念セミナー 1コマ目 | securecat's exblog
Webアクセシビリティ出版記念セミナーã¸è¡Œã£ã¦ãã¾ã—ãŸã€‚ 以下ã€æ„Ÿæƒ³ã¨ã„ã†ã‹ãƒ¡ãƒ¢ã¨ã„ã†ã‹ï¼š 『アクセシブルãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒŠãƒ“ゲーションã€ãƒ•ã‚©ãƒ¼ãƒ ã€ï¼ˆç¬¬6ç« ï½žç¬¬8ç« ã‹ã‚‰ï¼‰ï¼ˆæ¢…垣æ£å®ã•ã‚“） 「装飾的ãªç”»åƒã®alt属性ã¯ã€alt="" ã§ã‚ã£ã¦ alt=" " ã®ã‚ˆã†ã«ã‚¹ãƒšãƒ¼ã‚¹ã¯å…¥ã‚Œãªã„ã“ã¨ã€‚〠ã“れ定番ã§ã¾ã£ãŸããã®é€šã‚Šã ã¨æ€ã†ã®ã ã‘ã©ã€ãªã‚“ã§ã‚¹ãƒšãƒ¼ã‚¹ã‚’入れるやり方ãŒæ—§æ¥ã‚ã£ãŸã‹ã£ã¦ã„ã†ã¨ã€ãƒ›ãƒ¼ãƒ ページ・リーダーã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã‹ä½•ã ã‹ãŒã€alt="" ã ã¨ãƒ•ã‚¡ã‚¤ãƒ«åã‚’èªã¿ä¸Šã’ã¦ã—ã¾ã†ã£ã¦ã„ã†æŒ™å‹•ã®ãŒã‚ã£ã¦ã€ãれ㧠alt=" " ã¨ã™ã‚‹äººãŸã¡ãŒã„ãŸã£ã¦ã„ã†æ´å²çš„経緯ã ã£ãŸã¨æ€ã†ã®ã§ã™ã‚ˆã€‚ ãã®å½“時ã§ã‚ã‚Œã°ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãªã©ã®ãŸã‚ã« alt=" " ã¨ã—ã¾ã—ょã†ã€ã¿ãŸã„ãªã“ã¨ãŒè¨€ã‚ã‚Œã¦ã„ãŸã¯ãšã§ã€ã¡ã‚‡ã£ã¨ã€ãªã‚“ã ã‹ãªãƒ¼ã£ã¦æ€ã£ãŸã‚Šã€‚ 「<label>ã®ã‚³ãƒ³ãƒ†ãƒŠã¯é§„目〠コンテナã¨ã„ã†è¨€
Autopopulating text input fields with JavaScript | 456 Berea Street
For both accessibility and usability reasons, all input fields and other form controls except buttons should have an associated label that clearly states what the purpose of the control is, or what kind of input the user is expected to fill it with. Sometimes the visual design places restrictions on those labels, in some cases to the extent that there is no room for a label. Perhaps one of the mor
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://shoonm.com/2010/03/html5css3.html
http://hpbuilder.net/weblog/2008/12/05191511.html
Webアクセシビリティã®æœªæ¥ãŒè¦‹ãˆãªã„ - Liner Note
{{#tags}}- {{label}}
{{/tags}}