[B! a11y] cuttoff19ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cuttoff19 id:cuttoff19

a11yã«é–¢ã™ã‚‹cuttoff19ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ç§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãƒ»ãƒ†ã‚¹ãƒˆè¦³ç‚¹ 2022
è¿‘æ—¥é€£æŠ•ã—ã¦ã„ãŸ Next.js è¨˜äº‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å…ƒã«ã€ç§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãƒ»ãƒ†ã‚¹ãƒˆè¦³ç‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ï¼ˆã‚ãã¾ã§åŸ·ç†ç¾åœ¨ã®è„³å†…ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã«ãªã‚Šã¾ã™ã®ã§ã”äº†æ‰¿ãã ã•ã„ï¼‰ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã®äº‹æƒ… ã‚¿ã‚¤ãƒˆãƒ«ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã€ã‚’ã•ã™ã€ŒComponentsã€ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã¯ã€ã„ã¤ã‚‚æ‚©ã¿ã®ã‚¿ãƒã§ã™ã€‚ã“ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ è¦³ç‚¹ãƒ»ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£è¦³ç‚¹ãƒ»ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…è¦³ç‚¹ã€ã® 3 ã¤ã®è¦³ç‚¹ãŒæ··åœ¨ã™ã‚‹ãŸã‚äº‹æƒ…ãŒè¤‡é›‘ã§ã™ã€‚ã©ã†ã›ä½œã‚‹ã®ãªã‚‰ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ã©ã¡ã‚‰ã®é–‹ç™ºåŸºç›¤ã«ã‚‚ãªã‚Šãˆã‚‹ã€ç›¤çŸ³ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã‚’ç›®æŒ‡ã—ãŸã„ã§ã™ã‚ˆãã€‚ "AtomicDesign ã‚„ã‚ã¾ã—ãŸ"ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã®ã§ã™ãŒã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ çš„ã«æ¨ã¦ã¦ã„ã„ã®ï¼Ÿã€ã¨æ€ã†ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã€ã¨ãã«è¦æœ›ãŒãªã‘ã‚Œã°ã€ç†è€…ã¯ã€Œ
cuttoff19 2022/09/08
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

a11y

test
ãƒªãƒ³ã‚¯
2022å¹´ã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³
LINEæ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ LINEãƒ¤ãƒ•ãƒ¼ Tech Blog TL;DR:2022ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§æœ€ã‚‚è€ƒæ…®ã™ã¹ããƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒã¯ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§ã¯ä½Žã‚¹ãƒšãƒƒã‚¯ã®Androidç«¯æœ«ã€æ¨™æº–ä»•æ§˜ã§ã¯2å¹´å‰ã®Safariã€ãã—ã¦ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ï¼”Gã§ã™ã€‚ãã‚Œã«å¯¾ã—ã¦ã¯JSã¸ã®éŽå‰°ä¾å˜ãªã©ãŒåŽŸå› ã§ä¸»ã«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é¢ã§ã®ã‚¦ã‚§ãƒ–å…¨ä½“ã®å¯¾å¿œãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã‚“ã«ã¡ã¯ï¼LINE ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºå®¤ã®ãƒ€ãƒãƒã‚¹ ã‚¢ãƒ©ãƒ³ã§ã™ã€‚ã“ã®è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¦‹ã¦ã€Œé‡£ã‚Šã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãã€œã€ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ãŒã„ã‚‹ã¨æ€ã„ã¾ã™ãŒä»Šå›žã«é™ã£ã¦ã¯ãã‚Œã‚’å¤§ç›®ã«è¦‹ã¦ãã ã•ã„ã€‚ãã‚Œã¯ãªãœã‹ã¨è¨€ã„ã¾ã™ã¨ã€2021å¹´ã‹ã‚‰2022å¹´ã«ã‹ã‘ã¦ç§ãŸã¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå…¨ä½“çš„ã«è€ƒãˆæ–¹ã‚’æ”¹ã‚ã‚‹å¿…è¦ãŒå‡ºã‚‹ã»ã©å¤§ããªå¤‰åŒ–ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®å¤‰
cuttoff19 2022/01/27
ãƒ–ãƒ©ã‚¦ã‚¶/ç«¯æœ«ã®åˆ©ç”¨çŠ¶æ³ã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ã‹a11yå¯¾å¿œã§ã©ã†ã„ã†å®Ÿæ…‹ã«ãªã£ã¦ã„ã‚‹ã‹ã€‚

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

a11y
ãƒªãƒ³ã‚¯
noteã®è™šç©ºãƒœã‚¿ãƒ³ã‚’é¡•ç¾ã•ã›ã‚‹ç¤¾å†…å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸï½œsawa / swn.jp
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ²¢ç™»ã§ã™ã€‚ ä»¥å‰ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã™ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‹‰å¼·ä¼šã‚’PRãƒãƒ¼ãƒ æ£®æœ¬ã•ã‚“ã«é–‹å‚¬ã—ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸãŒã€ä»Šå›žã‚‚ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¢ãƒ‰ãƒã‚¤ã‚¶ãƒ¼ã®freee ä¼ŠåŽŸã•ã‚“ã«å”åŠ›ã„ãŸã ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã®å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚å½“æ—¥å‚åŠ ã•ã‚ŒãŸã¿ãªã•ã‚“ã€ä¼ŠåŽŸã•ã‚“ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼ ã“ã®è¨˜äº‹ã§ã¯ã€ç›®çš„ã‚„çµæžœã‚’ã‚ªãƒ¼ãƒ—ãƒ³ç¤¾å†…å ±ã§ãŠå±Šã‘ã—ã¾ã™ã€‚ â“ ã‚ªãƒ¼ãƒ—ãƒ³ç¤¾å†…å ±ã¨ã¯ ä¸€èˆ¬çš„ã«ã¯ç¤¾å“¡ã—ã‹è¦‹ã‚‹ã“ã¨ã®ã§ããªã„ã€Œç¤¾å†…å ±ã€ã‚’ã ã‚Œã§ã‚‚è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«å…¬é–‹ã™ã‚‹ã“ã¨ã§ã€ä¼šç¤¾ã®ä¸ã®æ§˜åã‚’æ„Ÿã˜ã¨ã£ã¦ã‚‚ã‚‰ã†è¨˜äº‹ä¼ç”»ã§ã™ã€‚ å½“æ—¥ã®å‹‰å¼·ä¼šè³‡æ–™ å‹‰å¼·ä¼šè³‡æ–™ã‚’ç¢ºèª ãªãœã‚„ã£ãŸã®ã‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒãƒ¼ãƒ ã«ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»CSãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãªã©æ§˜ã€…ãªè·ç¨®ãƒ»ãƒ¡ãƒ³ãƒãƒ¼ãŒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚¢ã‚µã‚¤ãƒ³ã¯æ·±è°·ã•ã‚“1äººã¨ãªã£ã¦ãŠã‚Šã€ã‚¦ã‚§ãƒ–ç‰ˆnoteã‚’1äººã§ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã‚’è¡Œã£ã¦ã„ãã“ã¨ã«é™
cuttoff19 2021/11/08
accessibility

a11y
ãƒªãƒ³ã‚¯
ã€ŒSEOã«å¼·ã„HTMLã®æ›¸ãæ–¹ã€ã«ã¤ã„ã¦ã®å€‹äººçš„ãªè¦‹è§£
ã€ŒSEO ã«å¼·ã„ HTML ã®æ›¸ãæ–¹ã€ã¨ã„ã†ãƒ„ã‚¤ãƒ¼ãƒˆãŒãã“ãã“ãƒã‚ºã£ã¦ã„ã¦ã€ãã®å†…å®¹ã«å¯¾ã—ã¦é§†ã‘å‡ºã—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ãŸã¡ãŒã€Œå‚è€ƒã«ãªã£ãŸã€ãªã©ã¨ç§°è³›ã®å£°ã‚’æŒ™ã’ã¦ã„ãŸã®ã‚’è¦‹ã‹ã‘ã¦æ€ã†ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ å…ƒãƒ„ã‚¤ã®æ¦‚è¦ã¯æ¬¡ã®é€šã‚Šã€‚ body > main > article > sectionã« h1ã¯ 1 ãƒšãƒ¼ã‚¸ã« 1 ã¤ï¼ˆè¦ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ï¼‰ è¦‹å‡ºã—ã‚¿ã‚°ã¯æ¯Žåº¦ section ã§å›²ã‚€ ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ nav ã§å›²ã‚€ ç”»åƒã«é©åˆ‡ãª alt ã‚’è¨å®šã™ã‚‹ title / description ã‚’æ›¸ã éšŽå±¤ã‚’æ„è˜ã—ã¦æ›¸ã div ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„ ç”»åƒã¯ p ã§å›²ã‚€ ã“ã®è¨˜äº‹ã¯å…ƒãƒ„ã‚¤ãŠã‚ˆã³å…ƒãƒ„ã‚¤ã®æŠ•ç¨¿è€…ã‚’æ‰¹åˆ¤ã™ã‚‹æ„å›³ã§æ›¸ã„ãŸã‚‚ã®ã§ã¯ãªãã€ã‚ãã¾ã§æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹å†…å®¹ã«å¯¾ã™ã‚‹å€‹äººçš„è¦‹è§£ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ æ£ã—ã„ã‹æ£ã—ããªã„ã‹ã‚’ãã‚Œãžã‚Œã®é …ç›®ã®ã¯ã˜ã‚ã«æ›¸ã„ã¦ã„ã¾ã™ãŒã€ã‚ãã¾ã§åƒ•å€‹äººã®
cuttoff19 2021/02/05
html

SEO

a11y
ãƒªãƒ³ã‚¯
1