[B! Web] mitsugusakamotoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mitsugusakamoto id:mitsugusakamoto

Webã«é–¢ã™ã‚‹mitsugusakamotoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (313)

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

ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã®ãŸã‚ã®ã€Œã¯ã˜ã‚ã¦ã®iOS VoiceOverã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ˆåˆç´šç·¨ï¼‰
å…ˆæ—¥Twitterã§ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’ã—ãŸã‚‰ã‚¦ã‚§ãƒ–åˆ¶ä½œã«é–¢ã‚ã‚‹æ–¹ã€…ã§ã‚¹ãƒžãƒ›ã®èªã¿ä¸Šã’æ©Ÿèƒ½ã‚’ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãŒå°‘ãªã„ã¨ã®ã“ã¨ã ã£ãŸã®ã§ã€ã¯ã˜ã‚ã¦iOS VoiceOverã‚’ä½¿ã†ã¨ãã«å›°ã‚‰ãªã„ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®è¶…åˆå¿ƒè€…ã®åƒ•ãŒãƒãƒžã£ãŸã¨ã“ã‚ã‚„é›£ã—ã„ã¨æ„Ÿã˜ãŸã¨ã“ã‚ã‚’ãµã¾ãˆã¦ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«çš„ã«ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ iOS VoiceOverã‚’åˆã‚ã¦ä½¿ã†æ–¹ã®ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚é †ã‚’è¿½ã£ã¦iOS VoiceOverã«ä¸€ç·’ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦è¡Œãã¾ã—ã‚‡ã†ï¼ ä¸ç´šç·¨ï¼ˆãƒãƒ¼ã‚¿ãƒ¼ç·¨ï¼‰ã‚‚æ›¸ãã¾ã—ãŸï¼ ç›®æ¬¡ ä»¥ä¸‹ã€ãƒšãƒ¼ã‚¸å†…ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¸ã®ãƒªãƒ³ã‚¯ã§ã™ã€‚ VoiceOverã‚’ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«å…¥ã‚Œã¦ãŠã VoiceOverãŒã‚ªãƒ³ã®æ™‚ã«ãƒãƒƒã‚¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’è§£é™¤ã™ã‚‹æ–¹æ³• iPhoneã®ç”»é¢ãŒçªç„¶çœŸã£æš—ã«ãªã£ã¦ã—ã¾ã£ãŸã‚‰ VoiceOverã§ãƒšãƒ¼ã‚¸ã‚’èªã‚“ã§ã¿ã‚‹ ãƒšãƒ¼ã‚¸ã®æœ€åˆã‹ã‚‰ç¶šã‘ã¦è¦ç´ ã‚’èªã¿ä¸Šã’ã‚‹ ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼
mitsugusakamoto 2018/05/28
VoiceOver

Tips

Web
ãƒªãƒ³ã‚¯
è¦–è¦šéšœå®³è€…ï¼ˆå…¨ç›²ï¼‰ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸åˆ©ç”¨æ–¹æ³•
èª¬æ˜Ž
mitsugusakamoto 2016/07/05
Web

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

Accessibility
ãƒªãƒ³ã‚¯
ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚¢ãƒ‰ã‚¤ãƒ³ã‚’ç„¡å„Ÿæä¾›
2016å¹´7æœˆ4æ—¥ã‚ˆã‚Šæä¾›é–‹å§‹ â€»MySupportã¾ãŸã¯ã€NetReaderâ…¡ã®ãƒ˜ãƒ«ãƒ—ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€NetReaderâ…¡ã‚’Ver.2.23ä»¥ä¸Šã«æ›´æ–°ã—ã¦ã”åˆ©ç”¨ãã ã•ã„ã€‚ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«é–¢ã—ã¦ã®è£œè¶³ å•†å“æ¤œç´¢ã‹ã‚‰ã€ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚µã‚¤ãƒˆã®åˆ©ç”¨ã¾ã§ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã§ä¿è·ã•ã‚ŒãŸé€šä¿¡(SSL)ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã‚¢ãƒ‰ã‚¤ãƒ³ã‚½ãƒ•ãƒˆã§å€‹äººæƒ…å ±ãŒå–å¾—ãƒ»åŽé›†ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ NetReaderâ…¡ã®ã”æ¡ˆå†… ä½¿ã„ã‚„ã™ã•ã‚’è¿½æ±‚ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ NetReaderâ…¡ã¯ã€è‡ªç”±ãªã‚«ãƒ¼ã‚½ãƒ«ç§»å‹•ã§ã€è»½å¿«ã«Webãƒšãƒ¼ã‚¸ã‚’èªã‚€ã“ã¨ãŒã§ãã‚‹éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ã€‚ ãƒ‘ã‚½ã‚³ãƒ³ç”¨ã®Webãƒšãƒ¼ã‚¸ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„å°‚ç”¨ãƒšãƒ¼ã‚¸ã‚‚ç°¡å˜ã«æ¥½ã—ã‚ã¾ã™ã€‚ PC-Talkerã‚„NetReader Ver.1ã‚’ãŠä½¿ã„ã®çš†æ§˜ã¯ã€å„ç¨®ã‚¢ãƒ‰ã‚¤ãƒ³æ©Ÿèƒ½ã§ã•ã‚‰ã«ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã—ãŸNetReaderâ…¡ã‚’ã€ãœã²ã€ã“ã®æ©Ÿä¼šã«ãŠæ±‚ã‚ãã ã•ã„
mitsugusakamoto 2016/07/04
Web

æ”¯æ´æŠ€è¡“ãƒ™ãƒ³ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
Use SpeechSynthesis and SpeechRecognition on Browser - latest log
Web Speech API ã‚’ä½¿ãˆã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§éŸ³å£°åˆæˆã¨éŸ³å£°èªè˜ãŒå‡ºæ¥ã‚‹æ™‚ä»£ã‚‰ã—ã„ã§ã™ã€‚ Safari ã¨ Chrome ã§éŸ³å£°åˆæˆãŒåˆ©ç”¨ã§ãã¾ã™ã€‚Chrome ãªã‚‰ã•ã‚‰ã«éŸ³å£°èªè˜ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ æ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã€WebModule ãƒ™ãƒ¼ã‚¹ã® Speech.js Module ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ iOS Safari Chrome for Android PC Chrome Electron NW.js éŸ³å£°åˆæˆ OK OK OK OK OK éŸ³å£°èªè˜ OK OK OK OK ã“ã‚“ãªæ„Ÿã˜ã§ä½¿ã„ã¾ã™ (ãƒœã‚¤ã‚¹ã‚³ãƒžãƒ³ãƒ‰éƒ¨åˆ†ã¯3åˆ†ã§å®Ÿè£…ã—ãŸæ„Ÿã˜ã®ã‚¢ãƒ¬ãªã‚³ãƒ¼ãƒ‰ã§ã™) var speech = new Speech().load({ name: /Kyoko/i, lang: /ja/i }); // ãƒœã‚¤ã‚¹ã®ãƒãƒ¼ãƒ‰ var recognizer = new Speech().crea
mitsugusakamoto 2016/01/20
Web

éŸ³å£°åˆæˆ
ãƒªãƒ³ã‚¯
The web accessibility basics - Marco's Accessibility Blog
Iâ€™ve been asked again and again over the years what the absolute basics of web accessibility are. And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on this topic. So here it is, my list of absolute web accessibility basics every web developer should know about. Alternative text for i
mitsugusakamoto 2015/12/22
ã“ã‚Œwebã®é–¢ä¿‚è€…ã®äººã§æ—¥æœ¬èªžã«ç¿»è¨³ã™ã‚‹äººã„ãªã„ã‹ãªï¼Ÿãªã‹ãªã‹åŸºæœ¬çš„ãªã“ã¨ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªã€‚

Web

Accessibility

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
å›½å‹¢èª¿æŸ»ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç”ã‚’ã—ã¤ã¤ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¯ã©ã†ã‹è¦‹ã¦ã¿ãŸ
ä»Šå¹´ã¯å›½å‹¢èª¿æŸ»ã®å¹´ã§ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç”ã«é–¢ã™ã‚‹æ›¸é¡žãŒæ‰‹å…ƒã«æ¥ã¾ã—ãŸã€‚æ—©é€Ÿå›žç”ã‚’ã—ãªãŒã‚‰ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¯ã©ã†ã‹ã€å°‘ã—ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¾ã—ãŸã€‚å›žç”ã«ã¯ã‚ãˆã¦æ™®æ®µä½¿ã£ã¦ã„ã‚‹MacBook Proã¯ä½¿ã‚ãšã€å®¶æ—å…±ç”¨ã®Windows 8.1ãƒžã‚·ãƒ³ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯Internet Explorer 11ã‚’åˆ©ç”¨ã—ã¾ã—ãŸã€‚ã¾ãŸã€éŸ³å£°èªã¿ä¸Šã’å¯¾å¿œã‹ã«ã“ã ã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã§ã‚ã‚‹NVDAã‚‚èµ·å‹•ã—ã¦å›žç”ã—ã¾ã—ãŸã€‚ã¡ãªã¿ã«ã€2010å¹´ã¯æ±äº¬éƒ½ã«ä½ã‚“ã§ã„ã¦ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç”ã‚’ã—ãŸè¨˜æ†¶ãŒã‚ã‚‹ã®ã§ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç”ã¯2å›žç›®ã§ã™ã€‚ çµè«–ã‚’æ›¸ãã¨ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã—ã¦ã¯ã€ã‚„ã¯ã‚Šï¼ˆã¨æƒ³åƒã—ã¦ã—ã¾ã†çŠ¶æ³ãŒã‚¢ãƒ¬ã§ã™ã...ï¼‰ã‚¤ãƒžã‚¤ãƒã¨ã„ã†çµæžœã«ãªã‚Šã¾ã—ãŸã€‚æ¬¡å›žã®èª¿æŸ»ã§ã¯ã€å›žç”ç”»é¢ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãŒé«˜ã¾ã‚‹ã“ã¨ã‚’æœŸå¾…ã—ã¾ã™ã€‚ æ°—ä»˜ã„ãŸç‚¹ã‚’ä»¥ä¸‹ã«åˆ—æŒ™ã—ã¾ã™ã€‚ï¼ˆç”»é¢ã‚ãƒ£ãƒ—ãƒãƒ£ã¯å¿µã®ãŸã‚æ¢ã‚ã¦ãŠãã¾ã™ã€‚ï¼‰ ç”»
mitsugusakamoto 2015/09/14
Web

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users
CSS in Action Invisible Content Just for Screen Reader Users You are here: Home > Articles > CSS in Action: Invisible Content Just for Screen Reader Users Introduction There are occasional instances where content should be made available to screen reader users but hidden from sighted users. In the vast majority cases, content that is available visually should be available to screen reader users, a
mitsugusakamoto 2015/02/23
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

web

CSS
ãƒªãƒ³ã‚¯
HTTP/2ã®ç¾çŠ¶ã¨ã“ã‚Œã‹ã‚‰
2. è‡ªå·±ç´¹ä»‹ â€¢ åå‰ï¼š å¤§æ´¥ ç¹æ¨¹ â€¢ æ‰€å±žï¼š æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¤ãƒ‹ã‚·ã‚¢ãƒ†ã‚£ãƒ–(IIJ) ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºéƒ¨ â€¢ Twitter: @jovi0608 â€¢ ãƒ–ãƒã‚°ï¼š ã¼ã¡ã¼ã¡æ—¥è¨˜ http://d.hatena.ne.jp/jovi0608/ â€¢ GitHub: https://github.com/shigeki/ â€¢ æ–°æŠ€è¡“ã®æ¤œè¨¼ãƒ»è©•ä¾¡ã‚’è¡Œã£ã¦ã¾ã™ã€‚ (Node.js, io.js,SPDY, HTTP/2,HTML5) â€¢ iij-http2ã®é–‹ç™ºã‚’é€šã˜ã¦IETFã®HTTP/2æ¨™æº–åŒ–ä½œæ¥ã«å‚ç”»ä¸ 3. HTTP/2 ã¯RFCåŒ–ç›®å‰ã§ã™ â€¢ HTTP/2 â€¢ IESGãƒ¬ãƒ“ãƒ¥ãƒ¼çµ‚äº†ã€‚ã‚³ãƒ¡ãƒ³ãƒˆã‚’å—ã‘ ã¦ãƒ‰ãƒ©ãƒ•ãƒˆã‚’æ”¹è¨‚ã€‚ãã®å¾Œæ‰¿èªè¦‹è¾¼ â€¢ HPACK â€¢ IESGæ‰¿èªæ¸ˆ(1/23) ç™ºè¡Œãƒ—ãƒã‚»ã‚¹ãŒé †èª¿ãªã‚‰æ¡œãŒå’²ãå‰ã«ã¯RFCåŒ–ã‹ã‚‚ Ethernet IP(v4/v6) TCP
mitsugusakamoto 2015/02/12
Web
ãƒªãƒ³ã‚¯
ã‚¸ãƒ§ãƒ–ã‚ºãŒMicrosofté–‹ç™ºè€…ã‚¤ãƒ™ãƒ³ãƒˆã§è¡Œã£ãŸè²´é‡ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³æ˜ åƒ
By Kelly Abbott Appleã®å…ƒCEOã§ã‚ã‚‹ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–ãƒ»ã‚¸ãƒ§ãƒ–ã‚ºã®é…åŠ›ã¯ãŸãã•ã‚“ã‚ã‚Šã€ãã®ä¸ã§ã‚‚äººã®å¿ƒã‚’ã¤ã‹ã‚“ã§é›¢ã•ãªã„ç¥žãŒã‹ã£ãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã¯ç‰¹ã«æœ‰åã§ã€ä»Šã§ã‚‚éŽåŽ»ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ ãƒ¼ãƒ“ãƒ¼ãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œç¶šã‘ã¦ã„ã¾ã™ã€‚ãã®ã‚¸ãƒ§ãƒ–ã‚ºãŒMicrosoftã®ã€ŒProfessional Developers Conference(é€šç§°ï¼šPDR)ã€ã§1996å¹´ã«è¡Œã£ãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãŒChannel 9ã«å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€äººã®å¿ƒã‚’å¼•ãã¤ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã“ã®é ƒã‹ã‚‰ç›¸å½“ã®ã‚‚ã®ã ã£ãŸã“ã¨ãŒç¢ºèªã§ãã¾ã™ã€‚ PDC 1996 Keynote with Bob Muglia and Steve Jobs | PDC 1996 | Channel 9 http://channel9.msdn.com/Events/PDC/PDC-1996/PDC-1996-Keyno
mitsugusakamoto 2014/12/23
Apple

Web
ãƒªãƒ³ã‚¯
WEB ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã¨ãƒªã‚¹ãƒˆã‚¿ã‚° | ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ | chabin's cafe
Web Accessibility Advent Calendar 2014 12æœˆ16æ—¥ã‚’æ‹…å½“ã—ã¾ã™chabin_desugaã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚èº«ä½“ã«éšœå®³ãŒã‚ã‚Šã¾ã™ã€‚ ã•ã£ããæœ¬é¡Œ ä»Šå¹´6æœˆã«Twitterã§ã“ã‚“ãªã“ã¨ã‚’ã¤ã¶ã‚„ãã¾ã—ãŸã€‚ ãã†ã§ã™ã€‚æ¡ˆä»¶ã§ç®‡æ¡æ›¸ãã«ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§ã™ã€‚è‰²ã®è©±ãƒ»ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®è©±ãƒ»ãƒªãƒ³ã‚¯ãƒœã‚¿ãƒ³ã®è©±ãƒ»ãƒ»ãƒ»ã„ã‚ã„ã‚WEBã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã§å–ã‚Šçµ„ã¾ãªãã¦ã¯ã„ã‘ãªã„ã‚‚ã®ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šã¯ã€Œã“ã‚Œã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã§ã¯èªã¿ä¸Šã’ã‚‹ã®ï¼Ÿã€ã®ä¸€ç‚¹æ¢ã¾ã‚Šã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ã€‚ã“ã®ç‚¹ã¯ã€æ¥å¹´ä»¥é™ã®è‡ªåˆ†ã®èª²é¡Œã«ãªã£ã¦ã„ãã¨æ€ã‚ã‚Œã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãš ãƒªã‚¹ãƒˆã‚¿ã‚°ã‚’ä½¿ã£ãŸãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã€å‹äººã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã€Œã“ã‚Œã©ã†èªã¿ä¸Šã’ã‚‹ã®ï¼Ÿã€çš„ã«æŠ•ã’ã¦ã¿ã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸ã¨cssã®æ§‹é€ ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚(ãƒšãƒ¼ã‚¸å†…å®¹ã¯ã¤ã‘ã¾ã—ãŸãŒé©å½“ã«ä»–ã®äººã®ãƒšãƒ¼ã‚¸ã‚’ã‚³ãƒ”ãƒš
mitsugusakamoto 2014/12/18
ã“ã†ã„ã†åŸºæœ¬çš„ãªã¨ã“ã‚ãŒã§ãã¦ãªã„ã‚“ã ã‚ˆãªã‚ã€‚10å¹´å‰ã‹ã‚‰ãšã£ã¨ãã®ã¾ã¾ã ã¨æ€ã†ã€‚

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

Web
ãƒªãƒ³ã‚¯
ç›®ãŒä¸è‡ªç”±ãªäººã®ãƒãƒƒãƒˆåˆ©ç”¨ã«é–¢ã™ã‚‹8ã¤ã®è¿·ä¿¡
ç›®ãŒä¸è‡ªç”±ãªäººã®ãƒãƒƒãƒˆåˆ©ç”¨ã«é–¢ã™ã‚‹8ã¤ã®è¿·ä¿¡æœ€è¿‘Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¨˜äº‹ã‚’èªã‚€æ©Ÿä¼šãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ã€Webãƒšãƒ¼ã‚¸ã‚’éŸ³å£°ã§èªã¿ä¸Šã’ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ï¼ˆéŸ³å£°ãƒªãƒ¼ãƒ€ãƒ¼ï¼‰ã«ã¤ã„ã¦ã®èˆˆå‘³æ·±ã„è¨˜äº‹ãŒã‚ã£ãŸã®ã§ç¿»è¨³ã—ã¦ã¿ã¾ã™ã€‚èª°ã‚‚ãŒèžã„ãŸã“ã¨ãŒã‚ã‚‹ã‚ˆã†ãªã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹ã‚‚ã®ã§ã™ãŒã€ã„ãã¤ã‹ã¯é–“é•ã£ãŸæƒ…å ±ã¨ã—ã¦æµã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚å¤šã„ã‚ˆã†ã§ã™ã€‚ã¾ãŸã€å…ƒè¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã‚‚è³‘ã‚ã£ã¦ã„ãŸã®ã§ã€ãã“ã«ã‚³ãƒ¡ãƒ³ãƒˆã•ã‚Œã¦ã„ãŸã‚‚ã®ã‚‚æŠœç²‹ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ç§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¨ã—ã¦ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã¯ã‚‚ã¡ã‚ã‚“èžã„ãŸäº‹ãŒã‚ã‚Šã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã§èªã¿ã‚ã’ã‚‹ã®ã«ä½•ã®å•é¡Œã‚‚ãªã„ Web ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã‚ˆã†ã€æœ€å–„ã‚’å°½ãã—ã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€å¤šãã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¨åŒæ§˜ã€å®Ÿéš›ã«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’è‡ªåˆ†ã§è©¦ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ãªã‚“ã ã‹é›£ã—ãã†ã§ã™ã—ã€é«˜ä¾¡ã ã¨èžã„ãŸã“ã¨ã‚‚ã‚ã£ãŸã‹ã‚‰ã§ã™ã€‚ æ•°ãƒ¶
mitsugusakamoto 2014/12/17
Web
ãƒªãƒ³ã‚¯
Re: ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚µãƒãƒ¼ãƒ†ãƒƒãƒ‰ã®åŠŸç½ª
2014å¹´3æœˆ18æ—¥ è‘— æ¢…åž£ã•ã‚“ã®ä¹…ã—ã¶ã‚Šã®è¨˜äº‹ã€ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚µãƒãƒ¼ãƒ†ãƒƒãƒ‰ã®åŠŸç½ªã‚’èªã‚“ã§ã®æ„Ÿæƒ³ã€‚ã‚ã‚‰ã‹ã˜ã‚æ›¸ã„ã¦ãŠãã¾ã™ãŒã€ä½•ã‹ã“ã†æ˜Žç¢ºãªè‡ªåˆ†ãªã‚Šã®å›žç”ã¨ã„ã†ã®ã‚’æŒã¡åˆã‚ã›ã¦ã“ã‚Œã‚’æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚é…”ã£ã¦ã‚‹ã—ï¼ˆè¬Žï¼‰ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚µãƒãƒ¼ãƒ†ãƒƒãƒ‰ã¯éšœå®³è€…ãŒWebã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ¨©åˆ©ã‚’ä½•ã¨ã‹å®ˆã‚ã†ã¨ã—ã¦ç·¨ã¿å‡ºã•ã‚ŒãŸè€ƒãˆæ–¹ã§ã™ã€‚ã—ã‹ã—ä¸€æ–¹ã§ã€å®Ÿéš›ã«Webã‚’ä½œã‚ã†ã¨ã™ã‚‹ã¨ã€ä½•ãŒæ£è§£ã‹ã€ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦å¤§ããªæ‚©ã¿ã‚‚ç”Ÿã¿å‡ºã—ã¦ã„ã‚‹ã®ã§ã™ã€‚ ã“ã®æ„Ÿè¦šã€å‡„ãã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚åŽ³å¯†ã«ã©ã¡ã‚‰ãŒã©ã†ã€ã¨ã„ã†æ¯”è¼ƒã‚’ã—ãŸã‚ã‘ã§ã¯ãªã„ã—ã€ãã‚‚ãã‚‚ãã‚“ãªæ¯”è¼ƒã¯ä¸å¯èƒ½ã ã£ã¦æ€ã£ã¦ã‚‚ã„ã‚‹ã‘ã©ã€HTML5ã‚„ãã®å‘¨è¾ºæŠ€è¡“ã®ä»•æ§˜ç–å®šã‚¹ãƒ”ãƒ¼ãƒ‰ã ã¨ã‹ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹æ–°ãŸãªè¡¨ç¾æ‰‹æ³•ãŒç·¨ã¿å‡ºã•ã‚Œã‚‹ã‚¹ãƒ”ãƒ¼ãƒ‰ãªã‚“ã‹ã¨æ¯”ã¹ã‚‹ã¨ã€ã©ã†ã‚‚UAã¨ã‹æ”¯æ´æŠ€è¡“å´ã®å¯¾å¿œã‚¹ãƒ”ãƒ¼ãƒ‰ã®é…ã•ã«ã¯æ°—ãŒæ»…å…¥ã£ã¦ã—ã¾ã†ã€‚ WAI-ARI
mitsugusakamoto 2014/08/21
Web

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
What is WAI-ARIA, what does it do for me, and what not? - Marco's Accessibility Blog
What is WAI-ARIA, what does it do for me, and what not? On March 20, 2014, the W3C finally published the WAI-ARIA standard version 1.0. After many years of development, refinement and testing, it is now a web standard. But I am often asked again and again: What is it exactly? What can it do for me as a web developer? And what can it not do? I often find that there are assumptions made about WAI-AR
mitsugusakamoto 2014/05/04
WAI-Aria

Web
ãƒªãƒ³ã‚¯
WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today - Marco's Accessibility Blog
WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today After my recent post about WAI-ARIA, which was mostly geared towards web developers, I was approached by more than one person on Twitter and elsewhere suggesting Iâ€™d do a blog post on what it means for screen reader users. Well, Iâ€™ve got news for all my blind and visually impaired readers: Youâ€™re
mitsugusakamoto 2014/05/04
WAI-Aria

Web
ãƒªãƒ³ã‚¯
ç”»åƒèªè¨¼ã¸ã®å¯¾å‡¦æ³•
mitsugusakamoto 2014/05/02
Web
ãƒªãƒ³ã‚¯
Text link Accessibility: aria-label and title attribute
This site is still under development. Please do not consider anything on this page to look or read as the finished product unless sent here directly by 3.7 Designs. A conceptualized design of the axe DevTools browser extension scans a webpage with the click of a button. A count of Accessibility Issues found from automated testing is tallied after the scan completes. Tons of additional information
mitsugusakamoto 2014/03/04
Web
ãƒªãƒ³ã‚¯
How to Make Your Presentations Accessible to All | Web Accessibility Initiative (WAI) | W3C
Do you rem ember a time when people around you broke out in laughter, but you didnâ€™t hear the joke? Be careful not to leave out information for some people in your audience. For example, if you say â€œyou can read it on the slideâ€, you are probably excluding people who cannot see the slide. Be open to diversity in your audience and any accessibility issues. Basically, be aware that some of your audie
mitsugusakamoto 2014/02/09
Web
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°ä¸€è¦§ | ã‚®ãƒ¼ã‚¯ã‚¹æ ªå¼ä¼šç¤¾ æŽ¡ç”¨ã‚µã‚¤ãƒˆ - Part 20140122
ã‚®ãƒ¼ã‚¯ã‚¹ã®ITäººæäº‹æ¥æœ¬éƒ¨ã¯ã€ã€Œåƒãæ–¹ã®æ–°ã—ã„ã€Žå½“ãŸã‚Šå‰ã€ã‚’ã¤ãã‚‹ã€ã‚’äº‹æ¥ãƒŸãƒƒã‚·ãƒ§ãƒ³ã«æŽ²ã’ã€IT ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®åƒãæ–¹ã‚’æ”¯æ´ã—ã€ä¼æ¥ã¨ãƒžãƒƒãƒãƒ³ã‚°ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’å±•é–‹ã™ã‚‹ã€IT ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹å°‚é–€ã®ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ã™ã€‚ ãã‚“ãªITäººæäº‹æ¥æœ¬éƒ¨ã«ã€ä»Šå¹´9äººã®æ–°å’ãƒ¡...
mitsugusakamoto 2014/01/22
Web
ãƒªãƒ³ã‚¯
LinkedIn Login, Sign in | LinkedIn
mitsugusakamoto 2014/01/08
Web

Screenreader
ãƒªãƒ³ã‚¯
1ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼åˆ©ç”¨è€…ã¨ã—ã¦ã®ç§ã®Webé–²è¦§ç’°å¢ƒ | ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
ç§ã¯ã€ã‚»ãƒŸãƒŠãƒ¼ãªã©ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ»ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ä½¿ã£ãŸãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†æ™‚ãªã©ã«ã€ã€Œæ™®æ®µã¯ã©ã®ã‚ˆã†ãªç’°å¢ƒã§Webã‚’è¦‹ã¦ã„ã‚‹ã®ã§ã™ã‹ï¼Ÿã€ã¨å°‹ãã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ»ãƒªãƒ¼ãƒ€ãƒ¼ã«ã‚‚ã•ã¾ã–ã¾ãªç¨®é¡žãŒã‚ã‚Šã€ä»Šæ—¥ã§ã¯ä½¿ç”¨ã§ãã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ç¨®é¡žã‚‚å¢—ãˆã¦ããŸã“ã¨ã‹ã‚‰ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ»ãƒªãƒ¼ãƒ€ãƒ¼åˆ©ç”¨è€…ãŒã©ã®ã‚ˆã†ãªç’°å¢ƒã§Webã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã‚‹ã®ã‹ã«ã¤ã„ã¦æ°—ã«ãªã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãã“ã§æœ¬æ—¥ã¯ã€1ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ»ãƒªãƒ¼ãƒ€ãƒ¼ä½¿ç”¨è€…ã¨ã—ã¦ã€ç§ãŒæ™®æ®µä»•äº‹ã‚„ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ã©ã®ã‚ˆã†ãªç’°å¢ƒã‹ã‚‰Webã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã‚‹ã‹ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»•äº‹ã¯ä¸»ã«JAWSã¨Firefoxã§ ç§ãŒå½“ç¤¾ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒãå§‹ã‚ãŸ2006å¹´å½“æ™‚ã€Webã®é–²è¦§ã«ã¯Internet Explorerã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸã€‚å½“æ™‚ã¯ãã‚Œä»¥å¤–ã®é¸æŠžè‚¢ã¯ã»ã¨ã‚“ã©ãªãã€è‹±èªžç‰ˆã®JAWS 7.0ãŒã‚ˆã†ã‚„ãF
mitsugusakamoto 2013/06/12
Screenreader

Web

JAWS

NVDA

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸