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

uchiuchiyama id:uchiuchiyama

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

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

ãƒªãƒ³ã‚¯/ãƒœã‚¿ãƒ³/ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚ˆã‚Šè‰¯ãã™ã‚‹HTMLãƒ»CSS 17é¸ - ICS MEDIA
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã«ãŠã„ã¦è¦‹ãŸç›®ãŒãã¡ã‚“ã¨å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯å¤§äº‹ãªã“ã¨ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã®ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸ä¾¿ã«ã¤ãªãŒã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯è¦‹ãŸç›®ã ã‘ã§ãªããƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½¿ã„å‹æ‰‹ã«ã‚‚æ°—ã‚’ã¤ã‘ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã¾ã™ã€‚ä»Šå›žã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç‰¹ã«ä½¿ã„å¿ƒåœ°ã‚’æ„Ÿã˜ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLãƒ»CSSã ã‘ã§ã‚ˆã‚Šè‰¯ãã§ãã‚‹17å€‹ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸‹è¨˜ã‚µãƒ³ãƒ—ãƒ«ã§NGä¾‹ã¨ã‚ˆã„ä¾‹ã®ä¸¡æ–¹ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«é•ã„ã«è§¦ã‚ŒãªãŒã‚‰æœ¬è¨˜äº‹ã‚’èªã‚€ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ 1. divã‚¿ã‚°ã‚’ãƒœã‚¿ãƒ³ã«ã™ã‚‹ã®ã¯é¿ã‘ã‚ˆã† è¦‹ãŸç›®ã¯ãƒœã‚¿ãƒ³ã®ã‚ˆã†ã§ã‚‚ã€<div>è¦ç´ ã§å®Ÿè£…ã—ãŸãƒœã‚¿ãƒ³ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰ã‚‚ã‚ˆãã‚ã‚Šã¾ã›ã‚“ã€‚ãƒœã‚¿ãƒ³ã¨ã—ã¦ã®æ©Ÿèƒ½ã‚’æŒã¤ãªã‚‰<button>è¦ç´ ã‚’ç”¨ã„ã‚‹ã®ãŒå¤šãã®å ´é¢ã§ã‚‚æœ‰åŠ¹ã§ã™ã€‚ã‚‚ã—ã€è«¸äº‹æƒ…ã§<div>è¦ç´ ã‚’ç”¨
uchiuchiyama 2022/12/10
html

css

ui

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

ui

ux

gov
ãƒªãƒ³ã‚¯
HTMLã§ãƒ«ãƒ“ï¼ˆrubyã‚¿ã‚°ï¼‰ã‚’ãµã‚‹ã¨ãã€æ–‡å—ã‚µã‚¤ã‚ºã®èª¿æ•´ã‚ã‚Œã“ã‚Œ | yanagi's memo
HTMLã§ãƒ«ãƒ“ã®è¨˜è¿° ãŠã•ã‚‰ã„ã‚‚å…¼ãã¦ã€HTMLã§ãƒ«ãƒ“ã‚’æŒ¯ã‚‹æ–¹æ³•ã‹ã‚‰ã€‚ åŒ—æµ·é“é‡§è·¯å¸‚<ruby>å¤§æ¥½æ¯›<rp>(</rp><rt>ãŠãŸã®ã—ã‘</rt><rp>)</rp></ruby> Demo rubyã‚¿ã‚°ã§ãƒ«ãƒ“ã‚’æŒ¯ã‚ŠãŸã„æ–‡å—ã‚’å›²ã‚€ rubyã‚¿ã‚°å†…ã€è©²å½“æ–‡å—ã®å¾Œã«rtã‚¿ã‚°ã‚’é…ç½®ã—ä¸ã«ãƒ«ãƒ“ã‚’è¨˜è¿° rpã‚¿ã‚°ã¯ãƒ«ãƒ“éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«ã¦ã€Œã“ã“ã¯ãƒ«ãƒ“ã§ã™ã‚ˆã€ã¨ç¤ºã™ãŸã‚ã®ã‚¿ã‚°ã€‚åŸºæœ¬çš„ã«ã‚«ãƒƒã‚³ãŒå…¥ã£ã¦ã„ã‚‹ã€‚ãƒ«ãƒ“å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è¡¨ç¤ºã•ã‚Œãªã„ã€‚ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£çš„ã«ã¯ã‚ã£ãŸæ–¹ãŒã„ã„ã‘ã©çœç•¥å¯ å„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®ãƒ«ãƒ“ã®è¡¨ç¤º ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¡¨ç¤º ã“ã“ã§ã‚‚ã†ä¸€åº¦ãƒ‡ãƒ¢ã§ã™ã€‚ä»Šåº¦ã¯æ–‡å—ã‚µã‚¤ã‚ºã‚’ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³å±•é–‹ã•ã›ã¦ã€å¤§ãã„ã‚µã‚¤ã‚ºã€æ¨™æº–ã‚µã‚¤ã‚ºã€å°ã•ã„ã‚µã‚¤ã‚ºã¨ä¸¦ã¹ã¦ã¿ã¾ã™ã€‚ Demo
uchiuchiyama 2022/10/18
css

accessibility
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’åˆ¶å¾¡ã™ã‚‹ inputmode
October 26, 2019 created( August 1, 2022 updated ) input[type]ã«ã‚ˆã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºåˆ¶å¾¡Googleã®è¨˜äº‹ã€web foundamentals æœ€é©ãªãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã§ã¯ã€typeå±žæ€§ã«ã‚ˆã‚‹å…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="em ail"ã‚’æŒ‡å®šã™ã‚‹ã¨ã€ <input type="em ail"> em ailãŒå…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æŒ‡å®šæ–¹æ³•ã«ã¯å‰¯ä½œç”¨ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="number" ã‚’æŒ‡å®šã—ãŸå ´åˆã€ <input type="number"> ã“ã®ã‚ˆã†ã«ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰å†…ã«ä½™è¨ˆãªå…¥åŠ›è£œåŠ©è¦ç´ ãŒè¡¨ç¤ºã—ãŸã‚Šã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«hoverã—ãŸçŠ¶æ…‹ã§mouse wheelã‚’å‹•ã‹ã™ã¨ å…¥åŠ›æ¸ˆã¿ã®å€¤ãŒå‹æ‰‹ã«å¢—æ¸› ã—ãŸã‚Šã—ã¾ã™ã€‚ å‰è€…ã¯CSSã§å¾Œè€…ã¯Java
uchiuchiyama 2022/09/17
ux

accessibility

usability

development

html
ãƒªãƒ³ã‚¯
GitHub - infofarmer/eslint-plugin-jsx-a11y
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
uchiuchiyama 2016/04/18
eslint

plugin

javascript

es2015

development

accessibility
ãƒªãƒ³ã‚¯
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ å…¥åŠ›å†…å®¹ã®æ¤œè¨¼ã¨ã‹ã€éƒµä¾¿ç•ªå·å¤‰æ›ã‚’å‚™ãˆãŸã€ãã“ãã“ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸ time2014/01/18 hatenabookmark- åŽ»å¹´æœ«å®Ÿå®¶ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’ï¼†æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§"ãã“ãã“"ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ¡ˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’ç›®æŒ‡ã—ã¦ã‚‚ã‚µãƒ¼ãƒåˆ¶ç´„ã‚„ã‚³ã‚¹ãƒˆçš„ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„ã‚ˆã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
uchiuchiyama 2014/01/21
usability

accessibility

development

javascript

ui

design

jquery

bootstrap
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ - FUJITSU Japan
å¯Œå£«é€šã®UDå®£è¨€å¯Œå£«é€šã¯ã€äººã€…ãŒãã‚Œãžã‚Œã®èƒ½åŠ›ã‚’ååˆ†ã«ç™ºæ®ã§ãã€å®‰å¿ƒã€å¿«é©ã€ãã—ã¦è±Šã‹ã«ç”Ÿæ´»ã§ãã‚‹ç¤¾ä¼šã‚’ç›®æŒ‡ã—ã¦ã€è£½å“ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã®UDã‚’æŽ¨é€²ã—ã¦ã„ã¾ã™ã€‚ 1. å¯Œå£«é€šã®å½¹å‰²æŒç¶šå¯èƒ½ãªä¸–ç•Œã®å®Ÿç¾ã‚’ç›®æŒ‡ã—ã¦å›½é€£ã§å®šã‚ã‚‰ã‚ŒãŸé–‹ç™ºç›®æ¨™SDGsã¯ã€ä¸–ç•Œã®å…±é€šèªè˜ãƒ»å…±é€šèª²é¡Œã§ã™ã€‚ã“ã®SDG(æ³¨1)ã®èƒŒæ™¯ã®ä¸€ã¤ã«ã¯ã€ãƒ€ã‚¤ãƒãƒ¼ã‚·ãƒ†ã‚£ï¼†ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚¸ãƒ§ãƒ³(æ³¨2)ã®è€ƒãˆæ–¹ãŒã‚ã‚Šã¾ã™ã€‚å¯Œå£«é€šã¯ã€èª°ã‚‚ãŒä½¿ãˆã‚‹è£½å“ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã€ãã‚Œã‚‰ã‚’æ”¯ãˆã‚‹æŠ€è¡“ã¨ICTåŸºç›¤ã®æä¾›ã‚’é€šã—ã¦ã€ã“ã®æŒç¶šå¯èƒ½ã§å¤šæ§˜æ€§ã®ã‚ã‚‹è±Šã‹ãªç¤¾ä¼šã®å®Ÿç¾ã«è²¢çŒ®ã—ã¾ã™ã€‚
uchiuchiyama 2013/08/17
k

accessibility

tools

design

development
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å¿…é ˆé …ç›®ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— | Accessible & Usable
å…¬é–‹æ—¥ : 2013å¹´4æœˆ12æ—¥ (2020å¹´8æœˆ30æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ / ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ Web ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸ã«ã¯ã€å…¥åŠ›å¿…é ˆã®é …ç›®ãŒã‚ã‚Šã¾ã™ã€‚å¤§æŠµã®å ´åˆã€ãã®é …ç›®ãŒå¿…é ˆã§ã‚ã‚‹æ—¨ã‚’ã€ãƒ©ãƒ™ãƒ« (<label> è¦ç´ ã®ä¸) ã«ç››ã‚Šè¾¼ã‚€ã“ã¨ãŒå¤šã„ã§ã—ã‚‡ã†ã€‚ <label for="name">ãŠåå‰ (å¿…é ˆ)</label> <input type="text" id="name" name="name" /> ä¸Šè¨˜ã®ã‚ˆã†ã«ã€<label> è¦ç´ ã®ä¸ã«ã€Œå¿…é ˆã€ã¨æ›¸ã‹ã‚Œã¦ã„ã‚Œã°ã€ãŸã¨ãˆã°ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ä½¿ã„ãªãŒã‚‰ [Tab] ã‚â€•ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ä½ç½®ã‚’ç§»å‹•ã•ã›ã¦ã„ã‚‹å ´åˆã€ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›è¦ç´ (<input> è¦ç´ ã€<textarea> è¦ç´ ã€<select> è¦ç´ ) ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã‚‹ã¨ãã®å…¥åŠ›è¦ç´ ã«ç´ã¥ã„ãŸãƒ©ãƒ™ãƒ«ãŒéŸ³å£°ã§èªã¿ä¸Šã’ã‚‰ã‚Œã€ãƒ©ãƒ™ãƒ«ã«åŒ…å«ã•ã‚ŒãŸã€Œå¿…é ˆã€
uchiuchiyama 2013/04/13
accessibility

html5

usability

development
ãƒªãƒ³ã‚¯
How to Use Wordpress Tutorial | Step by Step Guide [2020]
Whatâ€™s up y\'all! More the reading type? Looking to start a website? The post: WordPress is definitely a solid choice for creating awesome, professional websites. Now youâ€™ve just got to figure out how to use WordPressâ€¦ Good news: as always, weâ€™ve got your back fam! Here weâ€™ve got a complete walkthrough of one of the best tools for building a website best website builders around including what you
uchiuchiyama 2012/06/10
html5

css

design

usability

accessibility
ãƒªãƒ³ã‚¯
Plugins | jQuery Plugins
uchiuchiyama 2007/12/27
jQueryã¨å…±ã«å‘¼ã³å‡ºã™ã¨ãã®ãƒšãƒ¼ã‚¸ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è©•ä¾¡ã—ã¦ï¼Œæ”¹å–„æ¡ˆã‚’æç¤ºã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jquery

plugin

accessibility
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹JavaScript - 3ping.org
é–²è¦§è€…ã®å¥½ã¿ã«åˆã‚ã›ã€Vicunaã®æ–‡å—ã‚µã‚¤ã‚ºã‚’ãƒœã‚¿ãƒ³ã‚¹ã‚¤ãƒƒãƒã«ã‚ˆã£ã¦åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ 10coin.comã®marbleã•ã‚“ãŒä½œæˆãƒ»å…¬é–‹ã—ã¦ãã ã•ã„ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹JS:æ”¹ è¨ç½®ã‚‚ç°¡å˜ãªãŒã‚‰ã€JSã®è¨å®šã«ã‚ˆã‚Šãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰åŒ–ã•ã›ã‚‹å ´æ‰€ã‚’ä»»æ„ã«æ±ºã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†å„ªã‚Œã‚‚ã®ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€è¨˜äº‹éƒ¨åˆ†ã®ã¿(div#main)æ–‡å—ã‚µã‚¤ã‚ºã‚’æ‹¡å¤§ã•ã›ãŸã‚Šã§ãã¾ã™ã€‚ã¾ãŸã€ä¸€åº¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè¨å®šã—ãŸã‚µã‚¤ã‚ºã¯ã‚¯ãƒƒã‚ãƒ¼ã«ä¿å˜ã•ã‚Œã€å†ã³è¨ªã‚ŒãŸã¨ãã‚‚åæ˜ ã•ã‚Œã¾ã™ã€‚ã™ã”ã„ã§ã™ã! è¨ç½®ãƒ»è¨å®šæ–¹æ³•ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ãƒªãƒ³ã‚¯å…ˆã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ æŒ¿å…¥ã•ã‚Œã‚‹ã‚¹ã‚¤ãƒƒãƒéƒ¨åˆ†ã®HTMLã«å¯¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«(CSS)ã¯è¿½åŠ è¨˜è¿°ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚10coin.comã«è¨ç½®ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨åŒã˜è¦‹æ „ãˆã«ã—ãŸã„å ´åˆã¯ã€æ„Ÿè¬ã®æ°—æŒã¡ã‚’è¾¼ã‚ãªãŒã‚‰CSSéƒ¨åˆ†ã‚’æ‹å€Ÿã•ã›ã¦ã„ãŸã ãã¾ã—ã‚‡ã†ã€‚(
uchiuchiyama 2007/12/04
javascript

accessibility
ãƒªãƒ³ã‚¯
prototype.jsã‚’ç”¨ã„ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå¤‰æ›´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ:phpspoté–‹ç™ºæ—¥èªŒ
prototype.jsã‚’ç”¨ã„ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå¤‰æ›´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ - Ogawa::Memoranda ãã‚Œã ã‘ã ã¨ãªã‚“ãªã®ã§ã€prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)ã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå¤‰æ›´ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿç¾ã—ã¦ã¿ã¾ã—ãŸã€‚ prototype.jsã‚’ç”¨ã„ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå¤‰æ›´ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ å®Ÿè£…ã™ã‚‹ã“ã¨ã§æ¬¡ã®ã‚ˆã†ã«ã€æ–‡å—ã®ã‚µã‚¤ã‚ºã‚’é¸ã¹ã‚‹æ©Ÿèƒ½ã‚’ãƒšãƒ¼ã‚¸ã«å®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã‚ˆã‚Šã‚‚æ‰‹è»½ã«æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã§ãã‚‹æ©Ÿèƒ½ã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«å½¹ç«‹ã¡ãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’èª¿æ•´ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDynamiclayout.jsã€ JavaScriptã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹
uchiuchiyama 2007/04/15
web

design

accessibility

javascript
ãƒªãƒ³ã‚¯
CSSã§PDFã‚„Excelç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—åˆ¥ã‚¢ã‚¤ã‚³ãƒ³ã‚’è‡ªå‹•ä»˜ä¸Ž:phpspoté–‹ç™ºæ—¥èªŒ
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSã§PDFã‚„Excelç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—åˆ¥ã‚¢ã‚¤ã‚³ãƒ³ã‚’è‡ªå‹•ä»˜ä¸Žã™ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ è‡ªå‹•ä»˜ä¸Žã€ã¨ã„ã†ã®ã¯ã€ä¾‹ãˆã°ã€<a href="***.pdf">pdfãƒ•ã‚¡ã‚¤ãƒ«</a> ã®ã‚ˆã†ãªãƒªãƒ³ã‚¯ãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã€pdfã¨ã„ã†æœ€å¾Œ
uchiuchiyama 2007/04/15
web

design

css

accessibility

icon

tips
ãƒªãƒ³ã‚¯
ï¼ˆï¼¢ï¼¬ï¼¯ï¼§ï¼‰ãƒªãƒ³ã‚¯ãƒ»ãƒ•ã‚©ãƒ¼ã‚«ã‚¹æ™‚ã®ç‚¹ç·šãŒç”»é¢å¤–ã¾ã§æ‹¡å¼µã•ã‚Œã‚‹å•é¡Œ
text-indent: -xxxxemã®å¼Šå®³ CSSã‚’ä½¿ã£ã¦Javascriptã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã¯æ—¢ã«ä¸€èˆ¬çš„ã«ãªã£ã¦ã€ã‚ã¡ã“ã¡ã®ã‚µã‚¤ãƒˆã§ã‚‚è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¨ã“ã‚ãŒã€å•é¡Œç‚¹ã‚’ã„ãã¤ã‹è¦‹ã¤ã‘ãŸã®ã§æ›¸ã„ã¦ãŠãã¾ã™ã€‚ è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®ç²—ãŒå‡ºã‚‹ã€Œè«¸åˆƒã®åˆƒã€ã®ã‚ˆã†ãªè¨˜äº‹ã«ãªã‚Šãã†ã§æœ¬å½“ã¯æ›¸ããŸããªã‹ã£ãŸã‚“ã§ã™ãŒ... ã¾ãšã¯ã˜ã‚ã«CSSèƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆã®æ¦‚è¦Firefox1.5ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ™‚ã«å·¦ã«é•·ã„ç‚¹ç·šã®æž ãŒå‡ºç¾ã™ã‚‹ã‚¿ãƒ–ã‚ãƒ¼ã§ç¾åœ¨ä½ç½®ãŒåˆ†ã‹ã‚‰ãªããªã‚‹è§£æ±ºç–ã¨ã„ã†ã‚ˆã‚Šã€æ°—ä¼‘ã‚çš„ãªæ–¹æ³•éŽå‰°ãªè¦‹æ „ãˆåˆ¶å¾¡æ±ºå®šçš„ãªå›žé¿ç–(ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šæ¡ˆ) ã¾ãšã¯ã˜ã‚ã«CSSèƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆã®æ¦‚è¦ ã‚ã¡ã“ã¡ã®ã‚µã‚¤ãƒˆã‚„CSSé–¢é€£ã®æ›¸ç±ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ã“ã“ã§ã¯è»½ãæ›¸ãã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã®ç”»åƒã«ãƒžã‚¦ã‚¹ãŒé‡ãªã‚‹ã¨ãã®ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ã„ã†ä»•æŽ›ã‘ã§ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã®ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã«ã‚ã‚‹ãƒŠãƒ“ã‚²
uchiuchiyama 2007/03/11
web

design

css

development

tips

usability

accessibility
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ - MdN Interactive - Webãƒ‡ã‚¶ã‚¤ãƒ³è¶…åŸºæœ¬ã®ãŠä½œæ³•50é¸
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ã€ã©ã‚“ãªã«ãƒ“ã‚®ãƒŠãƒ¼ã ã£ãŸã¨ã—ã¦ã‚‚ã€ãƒ—ãƒã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’åä¹—ã‚‹äººãŒã‚„ã£ã¦ã—ã¾ã†ã¨æ¥ãšã‹ã—ã„â€œãƒžãƒŠãƒ¼â€ã¨ã‚‚ã„ãˆã‚‹åˆ¶ä½œä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ã€ŒçŸ¥ã‚‰ãªã‹ã£ãŸã€ã€ã€Œæ•™ã‚ã£ã¦ã„ãªã„ã€ã§ã¯é€šç”¨ã—ã¾ã›ã‚“ã€‚ãªãœãªã‚‰ã€ã‚¢ãƒŠã‚¿ã¯ãƒ—ãƒãªã®ã§ã™ã‹ã‚‰ã€‚ ãã‚“ãªè¶…åŸºæœ¬ã®â€œWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠä½œæ³•â€ã‚’50å€‹é¸å®šã—ã€ã‚µã‚¤ãƒˆè¨è¨ˆã€ãƒ†ã‚ã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ç”»åƒã¨è‰²å½©ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãã®ä»–ã®5ã¤ã®ãƒ†ãƒ¼ãƒžåˆ¥ã«è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ã“ã®ç‰¹é›†ã‚’é€šã—ã¦ã€â€œWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠä½œæ³•â€ã‚’ã—ã£ã‹ã‚Šç¿’å¾—ã€ã‚ã‚‹ã„ã¯å¾©ç¿’ã—ã¦ã€ã‚«ãƒ³ãƒšã‚ã«èº«ã«ä»˜ã‘ã¦ãã ã•ã„ã€‚
uchiuchiyama 2007/02/19
web

design

css

usability

accessibility

tips

study

strategy
ãƒªãƒ³ã‚¯
TRANS - alt=""ã‚’è¶Šãˆã¦ã€‚
é›†ä¸çš„ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æœ€è¿‘ã«ãªã£ã¦ã‚„ã£ã¨å¦ã³å§‹ã‚ã¾ã—ãŸã€‚JIS X 8341ã‚„WCAG1.0ã‚’èªã¿é€²ã‚ã‚‹ä¸ã§ã€ã‚‚ã£ã¨è‡ªåˆ†è‡ªèº«å‹‰å¼·ã—ãŸã„ã¨æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãã“ã§ã€JISã‚„WCAGã‚’å¦ã¶ä¸ã§ã€è‡ªåˆ†ãŒã‚·ãƒ‹ã‚¢ã‚„éšœå®³ã‚’æŒã¤äººã¨ã®ç¾å ´ã§ã€ã¾ãŸãã†ã„ã£ãŸç¾å ´ã§åƒã„ã¦ã„ã‚‹äººãŸã¡ã®æ„è¦‹ã‚’è¸ã¾ãˆãŸä¸Šã§ã€ç–‘å•ã«æ€ã†ã“ã¨ã‚’åˆ—æŒ™ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ã„ãšã‚Œã¯ã€ã“ã†ã„ã†ã“ã¨ã‚’ã¡ã‚ƒã‚“ã¨å®Ÿè£…ãƒ¬ãƒ™ãƒ«ã§è§£æ±ºã§ãã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ãªã¨æ€ã„ã‚’è¾¼ã‚ã¦ã€‚ alt=""ã¯ç©ºæ–‡å—ãªã®ã‹ã€åŠè§’ã‚¹ãƒšãƒ¼ã‚¹ãªã®ã‹ã€ãã‚Œã¨ã‚‚å…¨è§’ã‚¹ãƒšãƒ¼ã‚¹ãªã®ã‹ï¼Ÿ å°‘ã—å‰ã«ã€Œãƒ–ãƒã‚¬ãƒ¼ã®ãŸã‚ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã‚’æ›¸ãã¾ã—ãŸã€‚ã“ã®éš›ã«ã€ã¯ã˜ã‚ã¯alt=""ã¨ç©ºæ–‡å—ã‚’æ‰“ã¤ã¨æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒã€ã‚ˆãã‚ˆãèª¿ã¹ã¦ã¿ã‚‹ã¨ã€ç©ºæ–‡å—ã ã¨éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ã€Œç”»åƒã€ã¨èªã¿ä¸Šã’ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ã¾ãŸã€å…¨è§’ã‚¹ãƒšãƒ¼ã‚¹ã®å ´åˆã¯ã€æ—¥æœ¬èªžç’°å¢ƒä»¥å¤–
uchiuchiyama 2007/02/07
web

design

css

html

ui

accessibility

usability
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã¯ã©ã†å®Ÿè£…ã™ã¹ãã‹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã€‚
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚ãƒƒãƒ—ã¯ä¸»ã«éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã«ã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ã‚¹ã‚ãƒƒãƒ—ã™ã‚‹ãŸã‚ã«å®Ÿè£…ã•ã‚Œã‚‹ã‚‚ã®ã ãŒã€å‰ã€…ã‹ã‚‰ãšã£ã¨ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚ãƒƒãƒ—ã‚’ã©ã®ã‚ˆã†ã«æ›¸ã‘ã°æœ€é©ãªã®ã‹ã€ã«ã¤ã„ã¦ã¯ãšã£ã¨ç–‘å•ã«æ€ã£ã¦ããŸã€‚ã¨ã„ã†ã‚ã‘ã§ã€èª¿ã¹ã¦ã¿ãŸã€‚ å‰æï¼šã¾ãšã¯æœ€é©ãªHTMLï¼ˆXHTMLï¼‰ã‚’æ›¸ãã“ã¨ã€‚ ã“ã‚ŒãŒå¤§å‰æã€‚éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ã€headingè¦ç´ ï¼ˆh1ã¨ã‹h2ï¼‰ã‚’é †ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‰ã€‚ã¨ã„ã†ã‚ã‘ã§ã€XHTMLï¼‹CSSã«ã‚ˆã‚‹Webæ¨™æº–ã§ã®å®Ÿè£…ã¯å¤§å‰æã€‚ã¨ã„ã†ã‚ˆã‚Šã€ã“ã‚Œã‚’ã—ã£ã‹ã‚Šã¨æ›¸ã„ã¦ãŠã‘ã°ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚ãƒƒãƒ—ã‚’åŸ‹ã‚è¾¼ã¾ãªãã¦ã‚‚ã€éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¨ã£ã¦ã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«æ¯”ã¹ã¦ã€ã‹ãªã‚Šä¾¿åˆ©ã«ãªã‚‹ã‚ˆã†ã ã€‚ æ¤œè¨Žäº‹é …ãã®1ï¼šãã‚‚ãã‚‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚ãƒƒãƒ—ã¯è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã¹ãã‹å¦ã‹ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚ãƒƒãƒ—ã‚’è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã¹ãã‹ã€ã—ãªã„ã¹ãã‹ã«ã¤ã„ã¦ã€ã¾ãšè€ƒãˆã¦ãŠãå¿…è¦ãŒ
uchiuchiyama 2007/02/07
web

accessibility

tips

usability
ãƒªãƒ³ã‚¯
Dive Into Accessibility
ã“ã®æ–‡æ›¸ã¯2ã¤ã®è³ªå•ã«ç”ãˆã‚‹ãŸã‚ã«æ›¸ã„ã¦ã¿ãŸã‚“ã ã€‚ 1ã‚³ç›®ã¯ã€ã€Œãªã‚“ã§ã‚µã‚¤ãƒˆã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ã—ãŸæ–¹ãŒã„ã„ã®ã‹ã€ã€‚ ã ã‹ã‚‰ã€ã“ã“ã®æƒ…å ±ã¯ã‚µã‚¤ãƒˆã‚’æŒã£ã¦ãªã„äººã«ã¯å‘ã‹ãªã„ã‹ã‚‚ã€‚ 2ã‚³ç›®ã¯ã€ã€Œã˜ã‚ƒã©ã†ã—ãŸã‚‰ã‚µã‚¤ãƒˆã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ã§ãã‚‹ã®ã‹ã€ã€‚ 1ã‚³ç›®ã®ç”ãˆãŒç´å¾—ã§ãã‚‹ã‚‚ã®ã˜ã‚ƒãªã‹ã£ãŸã‚‰ã€2ã‚³ç›®ã¯ã©ã†ã§ã‚‚ã„ã„ã£ã¦ã“ã¨ã«ãªã‚‹ã‚ˆãã€‚ ã˜ã‚ƒè¡Œã£ã¦ã¿ã‚ˆã†ã€‚ Dive Into Accessibilityï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ HTMLï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ PDFï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Dive Into Accessibilityã‚’èªã‚€ ç›®æ¬¡ æŽ²è¼‰ã•ã‚ŒãŸé †åºã®ã¾ã¾ã«ãªã‚‰ã¹ã¦ã‚ã‚‹ã€ã™ã¹ã¦ã®æƒ…å ±ã¯ã“ã¡ã‚‰ã€‚ã¯ã˜ã‚ã¦ã‚³ã‚³ ã®æ–‡ã‚’èªã‚€ã¨ãã«ãŠã™ã™ã‚ã®èªã¿æ–¹ã€‚ äººã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã‚“ãªäººã«å½¹ç«‹ã¤ã‹ã«ã‚ˆã£ã¦ã€æƒ…å ±ãŒåˆ†ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ éšœç¢ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã†ã„ã£ãŸéšœç¢ãŒã‚ã‚‹ã¨ãã«å½¹ç«‹
uchiuchiyama 2007/02/03
web

accessibility

usability

tips

design
ãƒªãƒ³ã‚¯
ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸWebãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³::ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œ::NPOæ³•äººã—ã‚ƒã‚‰ã
ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ã‚°ãƒ«ã€ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³æ°ã®è€ƒãˆã‚„èª¿æŸ»ã‚’å…ƒã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã‚‹éš›ã«ã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å…ƒã«è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€åº¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã‚‹ã®ã‚‚ã‚ˆã„ã‹ã¨æ€ã„ã¾ã™ã€‚ TRANS - ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³æ°ã®è€ƒãˆã‚’å…ƒã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ãŸã€‚
uchiuchiyama 2007/01/25
web

design

usability

accessibility

summary
ãƒªãƒ³ã‚¯
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ ãƒ›ãƒ¼ãƒ
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã®è£½å“ãªã©ã«ã¤ã„ã¦ãŠå•ã„åˆã‚ã›ã—ã¦ã„ãŸã ãéš›ã¯ã€ãƒãƒ£ãƒƒãƒˆã‚„é›»è©±ã‚„ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã¸ã®è³ªå•ã‚’é¸æŠžã„ãŸã ã‘ã¾ã™ã€‚ ãŠé›»è©±ãŒé›£ã—ã„å ´åˆã¯ãƒãƒ£ãƒƒãƒˆã€ãƒãƒ£ãƒƒãƒˆãŒé›£ã—ã„å ´åˆã¯ãŠé›»è©±ãªã©ã€ã”è‡ªèº«ã®çŠ¶æ³ã«ã‚ã£ãŸæ–¹æ³•ã§ãŠå•ã„åˆã‚ã›ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ¡ãƒ¼ãƒ«ã¨FAXã«ã‚ˆã‚‹ãŠå•ã„åˆã‚ã›ã®å—ä»˜ã¯ 2020 å¹´ 8 æœˆæœ«æ—¥ã‚’ã‚‚ã£ã¦çµ‚äº†ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãƒãƒ£ãƒƒãƒˆã§ãŠå•ã„åˆã‚ã›ã‚’ã—ã¦ã„ãŸã ãã“ã¨ã§ã€ã‚ˆã‚Šè¿…é€Ÿã«å›žç”ã•ã›ã¦ã„ãŸã ãã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒãƒ¼ãƒˆã‚’ã•ã›ã¦ã„ãŸã ãã“ã¨ã‚‚å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚
uchiuchiyama 2007/01/22
Windowsã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹è¨å®šæ–¹æ³•ãªã©ã®ä¸€è¦§

windows

usability

accessibility

summary

tips

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