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

labduck id:labduck

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

${{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}}

ã™ã“ã‚„ on Twitter: "ã‚¢ãƒ¡ãƒªã‚«ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£é–¢é€£ã®è¨´è¨Ÿä»¶æ•°ã€2015å¹´ã§ã¯50ä»¶ç¨‹åº¦ã§ã—ãŸãŒã€2018å¹´ã¯2000ä»¶ä»¥ä¸Šã«å¢—åŠ ã—ã¦ã„ã¾ã™ã€‚ #readable_na"
labduck 2019/11/03
accessibility
ãƒªãƒ³ã‚¯
ã€Œã™ã¹ã¦ã€ã®äººã«Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¾¡å€¤ã‚’å±Šã‘ã‚‹å“è³ª / readable_na_cybozu_191102
2019å¹´11æœˆ2æ—¥ã€Œãƒªãƒ¼ãƒ€ãƒ–ãƒ«ãªæ˜¼ä¸‹ãŒã‚Šã€ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ï¼š https://readable-na.connpass.com/event/145881/
labduck 2019/11/03
accessibility
ãƒªãƒ³ã‚¯
accrefs
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«è²¢çŒ®ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯ã‚ãªãŸã‹ã‚‰ã®æƒ…å ±æä¾›ã‚’ãŠå¾…ã¡ã—ã¦ã„ã¾ã™ã€‚å‚è€ƒè³‡æ–™ã®è¿½åŠ ãƒ»ä¿®æ£ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯ãƒªãƒã‚¸ãƒˆãƒªã®ã‚¤ã‚·ãƒ¥ãƒ¼ã‹ã‚‰å°‚ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§è¡Œãˆã¾ã™ã€‚
labduck 2019/08/31
accessibility
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ã„ã‚ã„ã‚è§¦ã£ã¦ã¿ã‚ˆã†
2019/01/15ï¼ˆç«ï¼‰ã«å²¡å±±å¤§ã‚¤ãƒ³ã‚ãƒ¥ãƒ™ãƒ¼ã‚¿ã«ã¦è¡Œã‚ã‚ŒãŸã€Œãƒªãƒ¼ãƒ€ãƒ–ãƒ«ãªå¤œ on 2019/01/15ã€ã§ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ã€ç°¡å˜ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã®PDFç‰ˆã¯ä»¥ä¸‹ã€‘ ãƒ»PCï¼šhttp://bit.ly/readable_SR4 ãƒ»ã‚¹ãƒžãƒ›ï¼šhttp://bit.ly/readable_SR2Read less
labduck 2019/08/23
accessibility
ãƒªãƒ³ã‚¯
è‰²ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ãŸã‚ã®10ã®ãƒ„ãƒ¼ãƒ«
å…¨äººå£ã®ï¼”ï¼…ä»¥ä¸Šã®äººãŒè‰²è¦šç•°å¸¸ã‚’æŒã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ã•ã¾ã–ã¾ãªè‰²è¦šç•°å¸¸ã‚„ãã®ä»–ã®è¦–è¦šéšœå®³ã¯ã€ã‚ãªãŸã®Webã‚µã‚¤ãƒˆã®ãƒªãƒ¼ãƒ€ãƒ“ãƒªãƒ†ã‚£ï¼ˆå¯èªæ€§ï¼‰ã¨ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã©ã®ã‚ˆã†ã«è‰²ãŒè¦‹ãˆã‚‹ã‹ã«é–¢ã‚ã‚‰ãšã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ãŒã‚ãªãŸã®è²¬ä»»ãªã®ã§ã™ã€‚ é©åˆ‡ãªãƒ„ãƒ¼ãƒ«ã‚’ä½¿ãˆã°ã€ã“ã†ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚ãªãŸãŒæ€ã£ã¦ã„ã‚‹ã‚ˆã‚Šã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ä½•ã‹ ã©ã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè¦‹ã¦ã‚‚ç°¡å˜ã«ç†è§£ã§ãã‚‹ã‚ˆã†ãªWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã€Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã—ã¦ã¯æ•°å¤šãã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ã¨ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¯ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã‚„ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€ãƒ†ã‚ã‚¹ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€è‰²ãªã©åºƒç¯„å›²ã«é–¢ä¿‚ã—ã¾ã™ã€‚ä»Šå›žã¯æœ€å¾Œã«æŒ™ã’ãŸã€Œè‰²ã€ã«æ³¨ç›®ã—ã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®åˆæœŸæ®µéšŽã§ç‰¹å®šã§ãã€å•é¡Œã‚’èµ·ã“
labduck 2019/07/08
color

accessibility
ãƒªãƒ³ã‚¯
AccessibilityCheckList
`Hï¿½:ï¿½U
labduck 2019/04/10
accessibility
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ç¢ºä¿ åŸºæœ¬ã®ã€Œã‚ã€ï½œå®Ÿè·µãƒŽã‚¦ãƒã‚¦ï½œã‚¨ãƒ¼ ã‚¤ãƒ¬ãƒ–ãƒ³ ãƒ¯ã‚¤ï¼»WebA11y.jpï¼½
Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’ç¢ºä¿ãƒ»å‘ä¸Šã™ã‚‹ãŸã‚ã®åŸºæœ¬ä¸ã®åŸºæœ¬ã§ã‚ã‚Šã€åŒæ™‚ã«ã•ã¾ã–ã¾ãªWebã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã‚ˆãè¦‹ã¤ã‹ã‚‹å•é¡Œç‚¹ã§ã‚‚ã‚ã‚‹10é …ç›®ã§ã™ã€‚ã€ŒJIS X 8341-3:2016ã€ã‚„ã€ŒWCAG 2.0 / 2.1ã€ã«å¯¾å¿œã™ã‚‹å‰ã«ã€ã¾ãšã¯ã“ã®10é …ç›®ã®ã†ã¡ã€ã§ãã‚‹ã“ã¨ã‹ã‚‰å®Ÿè·µã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã®ä½œå“ã¯ã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚³ãƒ¢ãƒ³ã‚ºã€Œè¡¨ç¤º â€“ ç¶™æ‰¿ 4.0 å›½éš›ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ä¸‹ã«æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1 ãƒšãƒ¼ã‚¸ã®å†…å®¹ãŒåˆ†ã‹ã‚‹ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¨˜è¿°ã™ã‚‹ ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã¯ã€ã©ã®ã‚ˆã†ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ãªã®ã‹ãŒåˆ†ã‹ã‚‹æ–‡è¨€ã«ãªã£ã¦ã„ã‚‹ã‹ï¼Ÿ é”æˆåŸºæº– 2.4.2 ãƒ¬ãƒ™ãƒ« A ã€Œãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã€ã®åŸºæœ¬ã®ã€Œã‚ã€ ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ï¼»ãƒšãƒ¼ã‚¸è¨å®šï¼½ 2 è¦‹å‡ºã—ã‚„ãƒªã‚¹ãƒˆãªã©ã®æ–‡æ›¸æ§‹é€ ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ è¦‹ãŸç›®ã ã‘ã§ã¯ãªãã€é©åˆ‡ãªè¦ç´ ã‚’ç”¨ã„ã¦æ–‡æ›¸æ§‹é€ ã‚„æ„å‘³ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã‹ï¼Ÿ é”æˆåŸºæº– 1.3.1 ãƒ¬ãƒ™ãƒ« A ã€Œæ–‡æ›¸
labduck 2018/12/28
accessibility
ãƒªãƒ³ã‚¯
ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã®ä½œã‚Šæ–¹ã€ã“ã‚Œã¾ã§ã€ä»Šã€ãã—ã¦æœªæ¥
ç§ãŸã¡ @masuP9(ã‚ã‹ã‚Šæ‰‹) æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ @o_ti(ã‚ãƒ¬æ‰‹) æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã— ä»Šæ—¥ã®ãŠè©± åºƒç¾©ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã¨ä»Šå›žã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ ä»Šæ—¥ã¯ã„ãã¤ã‹ã‚ã‚‹æœªæ¥ã®ä¸ã‹ã‚‰ã‚ã‚‹ä¸€ã¤ã®æœªæ¥ã®è©±ã‚’ã—ã¾ã™ ç›®æ¬¡ ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã®æ©æµ HTML WAI-ARIA Accessibility Object Model ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã®æ©æµ ã‚¦ã‚§ãƒ–ãŒã‚ˆã‚Šã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ãªã‚‹ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã¨ã¯ï¼Ÿ è¿‘å¯„ã‚Šã‚„ã™ã„ã“ã¨ åˆ©ç”¨ã—ã‚„ã™ã„ã“ã¨ HTML HTMLã¨ã„ã†ã ã‘ã§å¾—ã‚‰ã‚Œã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ ã©ã“ã«ã„ã¦ã‚‚ãƒšãƒ¼ã‚¸ãŒè¦‹ã‚‰ã‚Œã‚‹ æ§˜ã€…ãªOSã€ãƒ–ãƒ©ã‚¦ã‚¶ã§é–²è¦§ã§ãã‚‹ ãƒ†ã‚ã‚¹ãƒˆãŒã‚³ãƒ”ãƒ¼ã§ãã‚‹ ç”»åƒãŒä¿å˜ã§ãã‚‹ â€»é›»æºã¨Wi-FiãŒã‚ã‚Œã° HTML5ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã¯ HTML4.01ã®è¦ç´ ã®å»ƒæ¢ã¨åˆ·æ–° ã€Œã‚»ã‚¯ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã€ã¨ã„ã†æ¦‚å¿µã®å°Žå…¥ã«ã‚ˆã‚Šã€è¦‹å‡ºã—ã®åŠã¶ç¯„å›²ãŒè¦å®šã•ã‚ŒãŸ ãƒ•ãƒ¬ãƒ¼ã‚¸ãƒ³ã‚°ãŒå¼·åŒ–ã•ã‚Œã¦ã€å¼·èª¿
labduck 2018/11/26
accessibility
ãƒªãƒ³ã‚¯
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã™ã‚‹WAI-ARIA
ç§ãŸã¡ @masuP9(ã‚ã‹ã‚Šæ‰‹) æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ @o_ti(ã‚ãƒ¬æ‰‹) æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã— ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ç”Ÿã¾ã‚Œ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è‚²ã¡ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ å—è¨—é”æ—ã¯ã ã„ãŸã„å‹é” #deisui_html_radio ã‚¦ã‚§ãƒ–åˆ¶ä½œã‚’ã“ã˜ã‚‰ã›ãŸã‚ªãƒ¬ãŸã¡ãŒ æ©ã„ã¦ããŸé“ã¯ä½•ã‹ã€é€²ã‚€ã¹ãé“ã¯ã©ã“ã‹ã‚’æŽ¢ã‚‹ ï¼ˆãŸã ã®é£²ã¿é…ä¿¡ï¼‰ ç›®æ¬¡(role="directory") WAI-ARIAã£ã¦ãªã« WAI-ARIAã§ã§ãã‚‹ã“ã¨ WAI-ARIAã‚’ã©ã†ã„ã†ã¨ãã«ä½¿ã†ã® WAI-ARIAã®å‰ã« WAI-ARIAã£ã¦ãªã« <header role="banner"> hogehoge </header> WAI-ARIAã¯ã€ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŠã‚ˆã³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã® ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ç›¸äº’é‹ç”¨æ€§ã‚’æ”¹è‰¯ã™ã‚‹ãŸã‚ã® ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æä¾›ã™ã‚‹æŠ€è¡“ä»•æ§˜ã§ã‚ã‚‹ã€‚ Accessible Rich Interne
labduck 2018/10/20
accessibility
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†
labduck 2018/08/08
accessibility
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã®ãŸã‚ã®ã€Œã¯ã˜ã‚ã¦ã®iOS VoiceOverã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ˆä¸ç´šç·¨ï¼š ãƒãƒ¼ã‚¿ãƒ¼ï¼‰
Inclusive Design Patterns ï¼ˆæ—¥æœ¬èªžç‰ˆã¯ã€Œã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–HTML+CSS & JavaScript å¤šæ§˜ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ‹ãƒ¼ã‚ºã«å¿œãˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ ã€ï¼‰ã¨ã„ã†æœ¬ã‚’è²·ã£ã¦èªã‚“ã§ã„ã‚‹ã‚“ã§ã™ã‘ã©ã€ãã®ä¸ã§ã€ŒæŠ€è¡“çš„ã«æœ‰åŠ¹ãªæ‰‹æ®µã§ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«æ²¿ã£ãŸå®Ÿè£…ã‚’ã—ã¦ã‚‚ã€å¿…ãšã—ã‚‚ãƒ¦ãƒ¼ã‚¶ä½“é¨“ãŒè‰¯ããªã‚‹ã‚ã‘ã§ã¯ãªã„ã€ã¨ã„ã£ãŸã“ã¨ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã—ãŸã€‚ãã®é€šã‚Šã ã¨æ€ã„ã¾ã™ã€‚ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„æ¨™æº–ã«æº–æ‹ ã™ã‚‹ã“ã¨ã‚‚å¤§åˆ‡ã§ã™ãŒã€ä½œã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒã€Œä½¿ãˆã‚‹ã‚‚ã®ã€ã«ãªã£ã¦ã„ã‚‹ã‹ã¯åˆ¥ã®è©±ã§ã™ã€‚ã€Œã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ã€ãªã‚µã‚¤ãƒˆã«å‡ºæ¥ã¦ã„ã‚‹ã‹ã©ã†ã‹ã€æœ€çµ‚çš„ã«ã¯ãƒ¦ãƒ¼ã‚¶ãŒã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã®ã¨åŒã˜æ–¹æ³•ã§ãƒ†ã‚¹ãƒˆã—ã¦ã¿ãªã„ã¨ã‚ã‹ã‚‰ãªã„ã“ã¨ã‚‚ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã£ãŸæ„å‘³ã§ã€ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã‚‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ã®ã‚¦ã‚§ãƒ–é–²è¦§ã‚’ã‚ã‚‹ç¨‹åº¦ã¯ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠãã¹ãã ã¨æ€ã„ã¾ã™ã€‚VoiceOver
labduck 2018/06/06
accessibility
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã®ãŸã‚ã®ã€Œã¯ã˜ã‚ã¦ã®iOS VoiceOverã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ˆåˆç´šç·¨ï¼‰
å…ˆæ—¥Twitterã§ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’ã—ãŸã‚‰ã‚¦ã‚§ãƒ–åˆ¶ä½œã«é–¢ã‚ã‚‹æ–¹ã€…ã§ã‚¹ãƒžãƒ›ã®èªã¿ä¸Šã’æ©Ÿèƒ½ã‚’ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãŒå°‘ãªã„ã¨ã®ã“ã¨ã ã£ãŸã®ã§ã€ã¯ã˜ã‚ã¦iOS VoiceOverã‚’ä½¿ã†ã¨ãã«å›°ã‚‰ãªã„ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®è¶…åˆå¿ƒè€…ã®åƒ•ãŒãƒãƒžã£ãŸã¨ã“ã‚ã‚„é›£ã—ã„ã¨æ„Ÿã˜ãŸã¨ã“ã‚ã‚’ãµã¾ãˆã¦ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«çš„ã«ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ iOS VoiceOverã‚’åˆã‚ã¦ä½¿ã†æ–¹ã®ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚é †ã‚’è¿½ã£ã¦iOS VoiceOverã«ä¸€ç·’ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦è¡Œãã¾ã—ã‚‡ã†ï¼ ä¸ç´šç·¨ï¼ˆãƒãƒ¼ã‚¿ãƒ¼ç·¨ï¼‰ã‚‚æ›¸ãã¾ã—ãŸï¼ ç›®æ¬¡ ä»¥ä¸‹ã€ãƒšãƒ¼ã‚¸å†…ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¸ã®ãƒªãƒ³ã‚¯ã§ã™ã€‚ VoiceOverã‚’ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«å…¥ã‚Œã¦ãŠã VoiceOverãŒã‚ªãƒ³ã®æ™‚ã«ãƒãƒƒã‚¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’è§£é™¤ã™ã‚‹æ–¹æ³• iPhoneã®ç”»é¢ãŒçªç„¶çœŸã£æš—ã«ãªã£ã¦ã—ã¾ã£ãŸã‚‰ VoiceOverã§ãƒšãƒ¼ã‚¸ã‚’èªã‚“ã§ã¿ã‚‹ ãƒšãƒ¼ã‚¸ã®æœ€åˆã‹ã‚‰ç¶šã‘ã¦è¦ç´ ã‚’èªã¿ä¸Šã’ã‚‹ ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼
labduck 2018/05/28
accessibility
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ãªãƒšãƒ«ã‚½ãƒŠæ‹¡å¼µ | Accessible & Usable
å…¬é–‹æ—¥ : 2018å¹´5æœˆ17æ—¥ (2021å¹´7æœˆ9æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ / ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ 2018å¹´5æœˆ17æ—¥ã®ã€ŒGlobal Accessibility Awareness Dayã€ã«ã€ç¥žæˆ¸ã§é–‹å‚¬ã•ã‚ŒãŸã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ç¥å…¸ 2018ã€ã«ç™»å£‡ã•ã›ã¦ã„ãŸã ãã€ã€Œã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ãªãƒšãƒ«ã‚½ãƒŠæ‹¡å¼µ (Inclusive Persona Extension)ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ”¯æ´ãƒ„ãƒ¼ãƒ«ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚å½“æ—¥ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã€SlideShare ã§ã”è¦§ã„ãŸã ã‘ã¾ã™ã€‚ èƒŒæ™¯ (ãªãœã“ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ãŸã‹ï¼Ÿ) ã€Œã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ãªãƒšãƒ«ã‚½ãƒŠæ‹¡å¼µã€(ä»¥ä¸‹ã€Œã“ã®ãƒ„ãƒ¼ãƒ«ã€) ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨è¨ˆãƒ—ãƒã‚»ã‚¹ã«ãŠã„ã¦ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒæ…®ã«å…¥ã‚Œã‚‹ã“ã¨ã‚’ä¿ƒé€²ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒè¨è¨ˆ (UCD) / äººé–“ä¸å¿ƒè¨è¨ˆ (HCD) ã®æ‰‹æ³•ã‚’ç”¨ã„ã¦
labduck 2018/05/22
accessibility
ãƒªãƒ³ã‚¯
The Blog | Welcome to Adobe Blog
labduck 2018/02/21
accessibility
ãƒªãƒ³ã‚¯
çŠ¶æ…‹é·ç§»æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã†UIã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‘¨ã‚Šã®å®Ÿè£…ã«ã¤ã„ã¦ - yuhei blog
ãƒ‡ã‚£ã‚¹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã®é–‹é–‰æ™‚ã‚„ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã‚‹çž¬é–“ãªã©ã€ã‚ã‚‰ã‚†ã‚‹UIã¯çŠ¶æ…‹é·ç§»ã®ãŸã³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã†ã€‚ã«ã‚‚é–¢ã‚ã‚‰ãšã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªUIã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®æ‰‹æ³•ã«ã¤ã„ã¦æ›¸ã‹ã‚ŒãŸæ–‡çŒ®ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã†çŠ¶æ…‹é·ç§»æ™‚ã«ãŠã‘ã‚‹WAI-ARIAã®åˆ©ç”¨æ–¹æ³•ã¨ã„ã†ã‚ˆã†ãªãƒ†ãƒ¼ãƒžãŒå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯è¦‹ãŸã“ã¨ãŒãªã„ã€‚UIã«ãŠã‘ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å½¹å‰²ã‚’è¸ã¾ãˆã¦ã€ãã‚Œã‚’ã©ã®ã‚ˆã†ã«ã—ã¦å®Ÿè£…ã™ã¹ãã ã¨è€ƒãˆã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦è¿°ã¹ãŸã„ã€‚ çµè«–ã¨ã—ã¦ã¯ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ä¸Šã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å˜åœ¨ã‚’æ„è˜ã•ã›ãªã„ã‚ˆã†ã«å®Ÿè£…ã™ã¹ãã§ã‚ã‚‹ã€‚å¤šãã®å ´åˆã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯UIã®çŠ¶æ…‹é·ç§»ã‚’è¦–è¦šçš„ã«è¡¨ç¾ã™ã‚‹ãŸã‚ã«å˜åœ¨ã™ã‚‹ã€‚ä¾‹ãˆã°ãƒ‡ã‚£ã‚¹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã«ãŠã„ã¦ã¯ã€é–‰ã˜ãŸçŠ¶æ…‹ã¨é–‹ã„ãŸçŠ¶æ…‹ã®é–“ã‚’æ“¬ä¼¼çš„ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦è¡¨ç¾ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒçŠ¶æ…‹å¤‰åŒ–å‰å¾Œã®ãƒ“ãƒ¥ãƒ¼ï¼ˆViewï¼‰ã®ç¹‹ãŒã‚Šã‚’ç†è§£ã™ã‚‹æ‰‹ãŒã‹ã‚Šã«ãªã‚‹ã€‚ã“ã‚Œã¯è¦–è¦šã‚’ç”¨ã„ã¦
labduck 2018/02/21
accessibility
ãƒªãƒ³ã‚¯
Webã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹ã€å§‹ã‚ã«å–ã‚Šçµ„ã‚“ã§ãŠããŸã„ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®10é …ç›®ã®ã¾ã¨ã‚
Webã®å‰µå§‹è€…ã§ã‚ã‚Šã€W3Cã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹¤ã‚ã‚‹Tim Berners-Leeæ°ã®è¨€è‘‰ã«ã€ã€ŒWebãŒæŒã¤åŠ›ã¨ã¯ã€ãã®æ™®éæ€§ã«ã‚ã‚Šã¾ã™ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚Webã‚µã‚¤ãƒˆã«èª°ã‚‚ãŒã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã®ã¯ã€ã‚ãŸã—é”ã®è²¬ä»»ã§ã™ã€‚ Webã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¯æœºä¸Šã§ã¯é›£ã—ã„ã¨æ€ã‚ã‚ŒãŒã¡ã§ã™ãŒã€å®Ÿéš›ã«å–ã‚Šçµ„ã‚“ã§ã¿ã‚‹ã¨ãã‚“ãªã«é›£ã—ã„ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚éšœå®³è€…ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ä½Žé€ŸæŽ¥ç¶šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã§ã€æ¯”è¼ƒçš„ç°¡å˜ã«å–ã‚Šçµ„ã‚ã‚‹é …ç›®ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 guidelines to improve your web accessibility ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ä½•ã§ã™ã‹ï¼Ÿ 01.ã‚«ãƒ©ãƒ¼ã«ä¾å˜ã—ãªã„ 02.ã‚ºãƒ¼ãƒ ã‚’ç„¡åŠ¹ã«ã—ãªã„ 03.altå±žæ€§ã®ã‚ãªãŸãŒçŸ¥ã‚‰ãªã„ã‹ã‚‚ã—
labduck 2018/01/14
accessibility
ãƒªãƒ³ã‚¯
WCAG 2.0ã®ã€Œéžå¹²æ¸‰ã€ã¨ã¯ä½•ã‹? | æ°´ç„¡æœˆã°ã‘ã‚‰ã®ãˆã³æ—¥è¨˜
å…¬é–‹: 2017å¹´7æœˆ13æ—¥16æ™‚45åˆ†é ƒ 7æœˆ11æ—¥ã«ã€ã€ŒWCAGã‚‚ãã‚‚ãä¼š #1 (ca11y.connpass.com)ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ WCAG 2.0ã¨é–¢é€£æ–‡æ›¸ã®æ—¥æœ¬èªžè¨³ã‚’ã²ãŸã™ã‚‰èªã‚€ã¨ã„ã†è¶£æ—¨ã§ã—ãŸãŒã€ã•ã¾ã–ã¾ãªæ„Ÿæƒ³ã‚„ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ã‘ã¦å¤§å¤‰å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ãã®æ„Ÿæƒ³ã®ä¸ã®ã²ã¨ã¤ã«ã€ã€Œéžå¹²æ¸‰ã€ã«ã¤ã„ã¦ã®è©±ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€å°‘ã—ã‚³ãƒ¡ãƒ³ãƒˆã—ã¦ãŠãã¾ã™ã€‚ éžå¹²æ¸‰ãŒé›£è§£ #a11ymoku2 (twitter.com) â€” Toshiaki Otsuka (@otk2) 2017å¹´7æœˆ11æ—¥ (twitter.com)ã€Œéžå¹²æ¸‰ã€ã¨ã¯ä½•ã‹ã¨ã„ã†è©±ã§ã™ãŒã€ã€Œéžã€å¹²æ¸‰ã¨è¨€ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ã‹ã‚‰ã€ãã®å‰æã¨ã—ã¦ã€Œå¹²æ¸‰ã€ã¨ã„ã†æ¦‚å¿µãŒã‚ã‚Šã¾ã™ã€‚ã§ã¯ã€Œå¹²æ¸‰ã€ã¨ã¯ä½•ã‹ã¨ã„ã†ã“ã¨ã§ã™ãŒã€ç§ãªã‚Šã«ç°¡å˜ã«è¨€ãˆã°ã€ã€Œãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„ã ã‘ã§ãªãã€ä»–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚‚å¹²æ¸‰ã—ã¦ã‚¢ã‚¯
labduck 2017/07/15
WCAG

accessibility
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã«é–¢ã‚ã‚‹äººã«å½¹ç«‹ã¤ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®åŸºæœ¬ - ICS MEDIA
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã„ã†è¨€è‘‰ã‚’èžã„ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿã€€é«˜é½¢è€…ã‚„éšœå®³è€…ãªã©ãƒãƒ³ãƒ‡ã‚£ã‚ãƒ£ãƒƒãƒ—ã‚’æŒã¤äººã ã‘ã§ãªãã€å¥å¸¸è€…ã‚’å«ã‚ãŸã ã‚Œã‚‚ãŒã©ã‚“ãªç’°å¢ƒã‹ã‚‰ã§ã‚‚ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ã‚„ã™ã„ã‹ã€ãã®åˆ©ç”¨ã®ã—ã‚„ã™ã•ã®ã“ã¨ã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã„ã„ã¾ã™ã€‚ã¨ãã«ã€ã‚¦ã‚§ãƒ–ã«é–¢ã™ã‚‹ã‚‚ã®ã¯ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã„ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã®ãªã‹ã«ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ä»•æ§˜ã§ã‚ã‚‹ã€ŒWAI-ARIAã€ã‚’å®Ÿè£…ã«å–ã‚Šå…¥ã‚Œã¦ã‚‹äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä»Šå›žã¯ã‚¦ã‚§ãƒ–åˆ¶ä½œã«é–¢ã‚ã‚‹äººã«å½¹ç«‹ã¤ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®åŸºæœ¬ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒWCAGã€ ä¸–ç•Œä¸ã®ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®åŸºæœ¬ã¨ãªã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã—ã¦ã€W3Cã®ã€ŒWeb Content Accessibitility Guidelinesã€(é€šç§°ï¼šWCAG)ãŒã‚ã‚Šã¾ã™ã€‚ç¾åœ¨ã¯2008å¹´ã«å‹§å‘Šã•ã‚ŒãŸã€ŒWCAG 2.
labduck 2017/04/28
accessibility
ãƒªãƒ³ã‚¯
EightShapes Contrast Grid
Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast. Include one color per line, with an optional comma-separated label. Rows & Columns #FFFFFF, White #F2F2F2 #DDDDDD #CCC CCC #888888 #404040, Charcoal #000000, Black #2F78C5, Effective on Extremes #0F60B6, Effective on Lights #398EEA, Ineffective Use distinct rows & columns values Use the same rows & colum
labduck 2017/03/02
color

accessibility
ãƒªãƒ³ã‚¯
Colour Contrast Analyser (CCA) - TPGi
Upcoming Webinar: February 26 at 10 AM ET. Breaking Down EN 301 549: The European Standard for Digital AccessibilityRegister Now
labduck 2016/09/09
color

accessibility
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸