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

kana321 id:kana321

W3Cã¨accessibilityã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

2009å¹´ã®Webæ¨™æº– | gihyo.jp
ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚æ ªå¼ä¼šç¤¾ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ã®æœ¨é”ã§ã™ã€‚æ˜¨å¹´ã®å¹´åˆã€ã€Œâ 2008å¹´ã®Webæ¨™æº–ã€ã¨é¡Œã—ã¦ã€Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã«ç”¨ã„ã‚‰ã‚Œã‚‹æ¨™æº–ã¨ãã®å‘¨è¾ºã®å‹•å‘ã«ã¤ãã€çŸæœŸçš„ãªäºˆæ¸¬ãªã©ã‚’ã”ãç°¡å˜ã«æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ãã‚Œã«å¼•ãç¶šãæœ¬å¹´ã‚‚ã¾ãŸã€åŒæ§˜ã®è¶£æ—¨ã§è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã®ã§ã€ã‚ˆã‚ã—ããŠä»˜ãåˆã„ãã ã•ã„ã€‚ 2009å¹´ã®Webæ¨™æº–ã‚’è€ƒãˆã‚‹ã†ãˆã§ã®ãƒ†ãƒ¼ãƒžã¨ã—ã¦ã€ç§ã¯ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã€Œâ ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã€ã€Œâ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å“è³ªã€ã®3ã¤ã‚’æŒ™ã’ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 2009å¹´ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å†æ³¨ç›®ã®å¹´ 9å¹´åŠã‚‚ã®æ™‚ã‚’çµŒã¦ã€æ˜¨å¹´12æœˆã«Web Content Accessibility Guidelines ï¼ˆâ WCAGâ ï¼‰â 2.0ãŒå‹§å‘Šã•ã‚Œã¾ã—ãŸã€‚1999å¹´5æœˆã«å‹§å‘Šã•ã‚ŒãŸå‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®1.0ã‹ã‚‰å¤§ããæ”¹å–„ã•ã‚ŒãŸã®ã¯ã€ç¬¬ä¸€ã«ç‰¹å®šã®æŠ€è¡“ã«ä¾å˜ã—ãªã„å†…å®¹
kana321 2015/01/07
accessibility

webæ¨™æº–

w3c

web

design

browser

css

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

mobile
ãƒªãƒ³ã‚¯
HTML Standard æ—¥æœ¬èªžè¨³
4.8.4 ç”»åƒ4.8.4.1 å°Žå…¥4.8.4.1.1 ã‚¢ãƒ€ãƒ—ãƒ†ã‚£ãƒ–ç”»åƒ4.8.4.2 sourceã€imgãŠã‚ˆã³link è¦ç´ ã®å…±é€šå±žæ€§4.8.4.2.1 srcsetå…±é€šå±žæ€§4.8.4.2.2 sizeå±žæ€§4.8.4.3 Processing model4.8.4.3.1 When to obtain images4.8.4.3.2 Reacting to DOM mutations4.8.4.3.3 The list of available images4.8.4.3.4 Decoding images4.8.4.3.5 Updating the image data4.8.4.3.6 Preparing an image for presentation4.8.4.3.7 Selecting an image source4.8.4.3.8 Creating a source s
kana321 2012/10/19
HTML5

ä»£æ›¿

HTML

W3C

accessibility

alt

markup

ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆ

img

ç¿»è¨³
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

W3Cã¨accessibilityã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

W3Cã¨accessibilityã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

2009å¹´ã®Webæ¨™æº– | gihyo.jp

HTML Standard æ—¥æœ¬èªžè¨³

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

W3Cã¨accessibilityã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

2009å¹´ã®Webæ¨™æº– | gihyo.jp

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹