[B! accessibility] kyaidoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kyaido id:kyaido

accessibilityã«é–¢ã™ã‚‹kyaidoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ãŒå®Ÿè·µã—ãŸã„ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸJSã‚’æ›¸ãã‚³ãƒ„
JavaScriptã‚’ä½¿ã†ã“ã¨ãŒå½“ãŸã‚Šå‰ã«ãªã£ãŸã„ã¾ã€HTMLã ã‘ã§ãªãJavaScriptã‚’æ›¸ãã¨ãã«ã‚‚ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ JavaScriptã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’é«˜ã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒWebã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã‚’ã‚ˆã‚Šå¿«é©ã«ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®ã‚³ãƒ„ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»¥å‰ã®è¨˜äº‹ã€ŽWriting HTML with accessibility in mindï¼ˆã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸHTMLã‚’æ›¸ãï¼‰ã€ã§ã€ã©ã†ã—ã¦Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦è€ƒãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‹ã€ã¾ãŸã€ã©ã®ã‚ˆã†ã«å¦ã‚“ã ã®ã‹èª¬æ˜Žã—ã¾ã—ãŸã€‚ãã—ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’æ”¹å–„ã—ã¦ã€Webã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’é«˜ã‚ã‚‹ãŸã‚ã®ã‚³ãƒ„ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ä¸ã«ã¯åŸºç¤Žçš„ãªå†…å®¹ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ãŒã€ã©ã‚Œã‚‚ä¾¡å€¤ã®ã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ã“ã†ã—ãŸã‚³ãƒ„ã‚’ã™ã¹ã¦ã¾ã¨ã‚ã‚‹ã¨ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦ç‰¹ã«é‡è¦ãª2ã¤ã®ä¸æ–‡å¾‹ãŒã§ãã‚ãŒã‚Šã¾
kyaido 2017/05/03
accessibility
ãƒªãƒ³ã‚¯
jQuery simple and accessible hide-show system, using ARIAâ€¦ or not (collapsible regions) - By Nicolas Hoffmann
Warning: Undefined array key "HTTP_ACCEPT_ENCODING" in /home/clients/97cf10fa399c6faa42e2c9c80e9afbe5/web/subdomains/a11y/hide-show/includes/all.php on line 16 Deprecated: substr_count(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/clients/97cf10fa399c6faa42e2c9c80e9afbe5/web/subdomains/a11y/hide-show/includes/all.php on line 16
kyaido 2016/04/14
jquery

accessibility

a11y
ãƒªãƒ³ã‚¯
ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã€è¬Žã€‘ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’ç¢ºä¿ã™ã‚‹ãŸã‚ã®18ã€å˜˜ã€‘ã®ãƒã‚¤ãƒ³ãƒˆ
Web Accessibility Advent Calendar 2013(www.adventar.org)ã®8æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ãŠã‘ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã®ã‚ã‚ŠãŒã¡ãªã“ã¨ãªã©ã‚’å–ã‚Šç•™ã‚ã‚‚ãªãæ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã¯é‡£ã‚Šãªã®ã§18ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚ã¨ã€ã©ã“ã‹ã§ä¼¼ãŸã‚ˆã†ãªã‚¿ã‚¤ãƒˆãƒ«ã‚’è¦‹ãŸã“ã¨ãŒã‚ã£ã¦ã‚‚ãŸã¶ã‚“æ°—ã®ã›ã„ã§ã™ã€‚ã‚†ã‚‹ã—ã¦ãƒ’ãƒ¤ã‚·ãƒ³ã‚¹ã€‚ ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã¯åŸºæœ¬ä¸ã®åŸºæœ¬ãªãŒã‚‰ã€Œé©åˆ‡ãªä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã¨ã¯ã€ã‚’çªãè©°ã‚ã‚‹ã¨W3Cã®æ–‡æ›¸ãŒã²ã¨ã¤ã§ãã¦ã—ã¾ã†ãã‚‰ã„ã«ã¯å¥¥ã®æ·±ã„ã‚‚ã®ã§ã™ã€‚ã¨ãã«HTML5ã§ã¯é™å®šçš„ãªãŒã‚‰imgè¦ç´ ã®altå±žæ€§ãŒçœç•¥ã§ãã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ãªã©[1]ã€æ–‡æ³•çš„ãªå¤‰åŒ–ã‚‚è¦‹ã‚‰ã‚Œã¾ã™ã€‚ ã§ã™ãŒã€å¾“æ¥ã®HTMLä»•æ§˜æ›¸ã§ã¯altå±žæ€§ã«ã¤ã„ã¦ã»ã‚“ã®ä¸€æ–‡ã§ã—ã‹èª¬æ˜Žã•ã‚Œã¦ã„ãªã‹ã£ãŸã®ã«æ¯”ã¹ã¦ã€HTML5ã§ã¯å°‚ç”¨ã®ç¯€ã‚’è¨ã‘ã¦æ§˜ã€…ãªã‚±ãƒ¼ã‚¹ã”ã¨ã«è©³ç´°ãªèª¬æ˜ŽãŒ
kyaido 2015/05/08
accessibility

html
ãƒªãƒ³ã‚¯
Post by @a11ywins Â· 1 image
kyaido 2015/04/14
accessibility
ãƒªãƒ³ã‚¯
Re: CSSã® content ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’ä½¿ã„ã“ãªãã†ï¼
2015å¹´4æœˆ10æ—¥ è‘— ã¾ãšå…ˆã«çµè«–ã‚’æ›¸ã„ã¦ã—ã¾ã†ã¨ã€Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã®ã€ŒCSSã® content ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’ä½¿ã„ã“ãªãã†ï¼ã€ã¨ã„ã†è¨˜äº‹ã«ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£çš„ã«å¥½ã¾ã—ããªã„äº‹ä¾‹ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§æ³¨æ„ã—ã¾ã—ã‚‡ã†ãã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã¾ãŸåŒè¨˜äº‹ã®è‘—è€…ã¯ã€ã€Œæ–‡ç« ã¨ã—ã¦æ‰±ã„ãŸã„å ´åˆã¯ã€CSSã‚’ä½¿ã‚ãšã€ã¡ã‚ƒã‚“ã¨HTMLå†…ã«è¨˜è¿°ã—ã¾ã—ã‚‡ã†ã€ã¨å‘¼ã³ã‹ã‘ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯èª¤è§£ã‚’æ‹›ãè¡¨ç¾ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚æ–‡ç« ã®ä½“ã‚’ãªã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã€ãŒè«–ç‚¹ã§ã¯ãªã„ã§ã—ã‚‡ã†ã€‚é–²è¦§ç’°å¢ƒã‚’å•ã‚ãšã€ã‚ˆã‚Šå¤šãã®äººã«ã‚ˆã‚Šç¢ºå®Ÿã«å±Šã‘ãŸã„ã¨æ€ã†æƒ…å ±ã§ã‚ã‚Œã°ã€contentãƒ—ãƒãƒ‘ãƒ†ã‚£ã«é ¼ã‚‰ãšã€æœ¬æ–‡ä¸ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã¹ãã¨è€ƒãˆã¾ã™ã€‚è¨˜äº‹ã®æœ«å°¾ã« æ“¬ä¼¼è¦ç´ ã¨ content ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã§ã§ãã‚‹ã“ã¨ã®å¤šãã¯ã€è£…é£¾ã¨ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»˜ã‘åŠ ãˆã‚‹ç¨‹åº¦ã®ã‚‚ã®ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ã‚€ã—ã‚è£…é£¾ã®æ„å‘³åˆã„ã§ã—ã‹conten
kyaido 2015/04/10
css

accessibility
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é‡è¦æ€§ãŒåŠ é€Ÿã™ã‚‹ï¼ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚‹ãžï¼ç¥ã‚Šã€è©³ç´°ãƒ¬ãƒãƒ¼ãƒˆ
ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ã€Œæ¥ã‚‹ã¹ãè¿‘æœªæ¥ã®ãŸã‚ã«æ¥ç•Œã®èªè˜ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã¹ãã€ï¼ˆã‚¤ãƒ™ãƒ³ãƒˆãƒšãƒ¼ã‚¸ã‚ˆã‚Šï¼‰ä¼ç”»ã•ã‚ŒãŸã¨ã®ã“ã¨ã€‚è¿‘æœªæ¥ã£ã¦ã©ã†ã„ã†ã“ã¨ã‹ã€ã¡ã‚‡ã£ã¨æ°—ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€å…ˆæ—¥ã®æœ¨é”ä¸€ä»ã•ã‚“ã«è¡Œã£ãŸã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã§ã‚‚ã€ã€Œã€Žã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãŒå½“ãŸã‚Šå‰ã®ç¤¾ä¼šã€ã¨ã„ã†ãƒ“ã‚¸ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€HTML5 Experts.jpã¨ã—ã¦ã‚‚ã€ãŠæ‰‹ä¼ã„ã§ãã‚‹ã“ã¨ã¯ä½•ã§ã‚‚ã—ã¾ã™ï¼ã€ã¨è¨€ã£ãŸç´„æŸã‚‚å®ˆã‚‰ãã°ãªã‚Šã¾ã›ã‚“ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã‹ã‚‰ã—ã¦ã¡ã‚‡ã£ã¨æ¥½ã—ãã†ãªã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ç„¡ç†ã‚’è¨€ã£ã¦å–æã•ã›ã¦ã‚‚ã‚‰ã£ã¡ã‚ƒã„ã¾ã—ãŸã€‚ä»Šå›žã¯ãã®ãƒ¬ãƒãƒ¼ãƒˆè¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ï¼é«˜é½¢è€…ãƒ»éšœå®³è€…å¯¾å¿œã€ã¯å¤§é–“é•ã„ï¼ æœ€åˆã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ãƒ¤ãƒ•ãƒ¼ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’æ‹…å½“ã—ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹ï¼ˆæœ€è¿‘ã§ã¯ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¨åä¹—ã£ã¦ã„ã‚‹ãã†ã§ã™ï¼‰ç¦æœ¬ç¿”ã•ã‚“ã«ã‚ˆã‚‹ã€Œã‚„ã¯ã‚ŠãŠå‰ã‚‰ã®Webã‚¢ã‚¯ã‚»ã‚·ãƒ’ã‚™ãƒªãƒ†
kyaido 2014/12/10
ã¡ãªã¿ã«èªã¿æ–¹ã¯ã€Œã‚¦ã‚§ã‚¤ãƒ»ã‚¢ãƒªã‚¢ã€ã ãã†

accessibility
ãƒªãƒ³ã‚¯
hidden content
Results: screen reader support for various methods of hiding content test expected behavior JAWS 15 + Firefox 25 JAWS 15 +IE 11 JAWS 15 + Chrome 31 NVDA 2013 + Chrome 31 NVDA 2013 + Firefox 25 NVDA 2013 + IE 11 Voice Over Mac OSX Mavericks + Safari 7 Voice Over iOS + Safari 7 Chrome Vox Chrome OS 31 Orca 3.4.2 Epiphany 3.4.1/ Webkit 1.8.3 + Orca 3.4.2, Firefox 24, Ubuntu 12.04 Talkback, Android 4.
kyaido 2014/09/12
accessibility
ãƒªãƒ³ã‚¯
1