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

donnie28064212 id:donnie28064212

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

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

WCAG2/JIS X 8341-3ã«ã‚ã‚‹é”æˆåŸºæº–ã®ã€Œã¤ã¾ã¿é£Ÿã„ã€ã®ã‚¹ã‚¹ãƒ¡
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ Advent Calendar 2024ã®22æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ 12æœˆ19æ—¥ä»˜ã‘ã§ã€ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£åŸºç›¤å§”å“¡ä¼šï¼ˆWAICï¼‰ã®ã‚µã‚¤ãƒˆã«ã€Œç”»åƒã®ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰å§‹ã‚ã¾ã—ã‚‡ã†ã€ã¨é¡Œã—ãŸã‚³ãƒ©ãƒ ã‚’æŽ²è¼‰ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚å…ˆæ—¥ã®è¦šãˆæ›¸ãã§ã¯ã‚³ãƒ©ãƒ ã‚’æ›¸ã„ãŸå‹•æ©Ÿã€èƒŒæ™¯ã«è§¦ã‚Œã¾ã—ãŸãŒã€ã“ã®è¨˜äº‹ã¯ã‚³ãƒ©ãƒ ã®è£œè¶³ã¨ã„ã†ä½ç½®ä»˜ã‘ã§æ›¸ãã¾ã™ã€‚ã‚³ãƒ©ãƒ ã®å†’é ã€ç§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜ã—ã¾ã—ãŸã€‚ å€‹äººçš„ãªå°è±¡ã§ã™ãŒã€ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é‡è¦æ€§ã‚„å¿…è¦æ€§ã‚’å¦ã³ã€ç†è§£ã—ãŸã°ã‹ã‚Šã®æ–¹ã€…ã®ãªã‹ã«ã¯ã€ã‚„ã‚‹æ°—ã«æº€ã¡ã¦æ„æ°—è¾¼ã‚€ã‚ã¾ã‚Šã€ç¾å®Ÿé›¢ã‚Œã—ãŸé«˜ã™ãŽã‚‹ç›®æ¨™ã‚’æŽ²ã’ã‚‹æ–¹ãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ æ•¢ãˆã¦ã‚³ãƒ©ãƒ ã§ã¯æŽ˜ã‚Šä¸‹ã’ã¾ã›ã‚“ã§ã—ãŸãŒã€ã“ã“ã§ã„ã†ã€Œç¾å®Ÿé›¢ã‚Œã—ãŸé«˜ã™ãŽã‚‹ç›®æ¨™ã€ã¨ã¯ã€å…·ä½“çš„ã«ã¯WCAG2ã®é©åˆãƒ¬ãƒ™ãƒ«AAã¸ã®é©åˆã€JIS X 8341-3ã®æ–‡è„ˆã§è¡¨ç¾ã™ã‚‹ãªã‚‰ã°é©åˆãƒ¬ãƒ™ãƒ«AAã¸ã®æº–æ‹ ã®ã“ã¨ã§ã™ã€‚ ã„ã‚„ã„ã‚„ã€ç›®æ¨™ã¨ã—ã¦
donnie28064212 2024/12/22
accessibility

advent

wcag
ãƒªãƒ³ã‚¯
Page by Page: How Pagination Makes the Web Accessible - HTMHell
donnie28064212 2024/12/16
html

accessibility

advent
ãƒªãƒ³ã‚¯
Mastering Accessible Modals with ARIA and Keyboard Navigation
donnie28064212 2024/12/14
accessibility

modal

wai-aria

dialog
ãƒªãƒ³ã‚¯
Accessibility Is Everyone's Responsibility â€“ Meryl.net home
donnie28064212 2024/12/09
accessibility
ãƒªãƒ³ã‚¯
Donâ€™t Use aria-label on Static Text Elements
donnie28064212 2024/12/08
accessibility

wai-aria
ãƒªãƒ³ã‚¯
Don't Fuck With Scroll
Momentum (aka. smooth or interia) scrolling plugins (which in use can be seen on this website), while marketed as enhancements, are a plague upon the internet. They disrupt the natural, efficient, and predictable web browsing experience in countless ways, by often degrading usability, accessibility, and performance. Here are ten reasons why they ruin the web for everyone. Violates User Expectation
donnie28064212 2024/12/07
scroll

ux

accessibility
ãƒªãƒ³ã‚¯
å†ç¢ºèªã—ã¦ãŠããŸã„æ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•ã®è¦ç‚¹ | ã‚³ãƒ©ãƒ | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
å…ˆæ—¥ã€å½“ç¤¾ãŒã‚¹ãƒãƒ³ã‚µãƒ¼ã¨ã—ã¦å”è³›ã—ãŸãƒªã‚¢ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã€ŒWebæ‹…å½“è€…Forum ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°2024 ç§‹ã€ã«ãŠã„ã¦ã€ã€Œæ–½è¡Œã‹ã‚‰åŠå¹´â€¦â€¦æ£ã—ãç†è§£ã—ã€å–ã‚Šçµ„ã‚ã¦ã„ã¾ã™ã‹ï¼Ÿæ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•ã¨Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã¨é¡Œã—ãŸè¬›æ¼”ã‚’è¡Œã„ã¾ã—ãŸã€‚ ãã®éŒ²ç”»ã¯ç¾åœ¨ã€12æœˆ13æ—¥ï¼ˆé‡‘ï¼‰18:00ã¾ã§ã®æœŸé–“é™å®šã§ã€ã‚ªãƒ³ãƒ‡ãƒžãƒ³ãƒ‰é…ä¿¡ä¸ã§ã™ã€‚é éš”ã«ãŠä½ã¾ã„ã§ã‚ã£ãŸã‚Šå½“æ—¥ã®ã”éƒ½åˆãŒã¤ã‹ãšã€å‚åŠ ã‚’è¦‹é€ã‚‰ã‚ŒãŸæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãœã²ã“ã®æ©Ÿä¼šã«ã‚ªãƒ³ãƒ‡ãƒžãƒ³ãƒ‰é…ä¿¡ã§éŒ²ç”»ã‚’ã”è¦§ãã ã•ã„ã€‚ ä»Šå›žã®è¬›æ¼”ã¯ã€éŒ²ç”»ï¼ˆè³ªç–‘å¿œç”ã‚’é™¤ã40åˆ†ã»ã©ï¼‰ã‚’ã™ã§ã«å…¬é–‹ä¸ã®ã‚»ãƒŸãƒŠãƒ¼ã€Œæ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•ã¨Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã‹ãŸã¡ã§è¡Œã„ã¾ã—ãŸã€‚æœ¬ã‚³ãƒ©ãƒ ã§ã¯ã€è¬›æ¼”ã®ãªã‹ã§ã¨ãã«å¼·èª¿ã—ãŸ2ç‚¹ã‚’ã€å†ç¢ºèªã—ã¦ãŠããŸã„æ”¹æ£æ³•ã®è¦ç‚¹ã¨ã—ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ åˆç†çš„ã€Œé…æ…®ã€ã§ã¯ãªãåˆç†çš„ã€Œèª¿æ•´ã€ éšœå®³è€…ãƒ‰ãƒƒãƒˆã‚³ãƒ ã«ä»Šå¹´4æœˆã€èŠ¥å·è³žä½œ
donnie28064212 2024/12/07
accessibility
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£è©¦é¨“ã§å•é¡Œã‚ã‚Šã¨æŒ‡æ‘˜ã™ã‚‹ã“ã¨ãŒå¤šã„é”æˆåŸºæº–ã¨å®Ÿè£…ä¾‹ ãƒˆãƒƒãƒ— 5
å¼Šç¤¾ã¯ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œé–¢é€£ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä¸»è¦ãªãŠä»•äº‹ã«ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã‚‹é–¢ä¿‚ã§ã€å…¬å…±ã€ãŠã‚ˆã³ä¼æ¥ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å¯¾ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£è©¦é¨“ï¼ˆã€Œã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ã€ã¨ã„ã†å‘¼ã³æ–¹ã‚‚ã—ã¾ã™ãï¼‰ã‚’ãŠæ‰‹ä¼ã„ã™ã‚‹ã“ã¨ã‚‚å¤šã„ã§ã™ã€‚ ä»Šå¹´ã‚‚ãŠã‹ã’ã•ã¾ã§å¤šãã®ã”ä¾é ¼ã‚’ã„ãŸã ãã€æ§˜ã€…ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è©¦é¨“ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸãŒã€ãã“ã§ã€Œå•é¡Œã‚ã‚Šã€ã€ã¤ã¾ã‚Šè©¦é¨“å¯¾è±¡ã¨ãªã£ãŸé”æˆåŸºæº–ã‚’æº€ãŸã—ã¦ã„ãªã„ã¨åˆ¤æ–ã—ã€ä¿®æ£ãŒå¿…è¦ã§ã™ã¨æŒ‡æ‘˜ã•ã›ã¦ã„ãŸã ã„ãŸç®‡æ‰€ï¼ˆä»¥é™ã€ç°¡å˜ã«æ›¸ããŸã‚ã«ã€Œã‚¨ãƒ©ãƒ¼ã€ã€Œã‚¨ãƒ©ãƒ¼ç®‡æ‰€ã€ã¨è¨˜ã—ã¾ã™ï¼‰ã«ã¯ã‚ã‚‹ç¨‹åº¦ã®å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ ã¤ã¾ã‚Šã€æ¥ç¨®ã‚„æ¥ç•Œã€ã‚ã‚‹ã„ã¯å…¬å…±ã‚µã‚¤ãƒˆã‹ä¼æ¥ã‚µã‚¤ãƒˆã‹ãªã©ã«é–¢ä¿‚ãªãã€ã‚ˆãè¦‹ã¤ã‹ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ä¸Šã®ã‚¨ãƒ©ãƒ¼ã¯ã‚ã‚‹ç¨‹åº¦å…±é€šã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ç§ãŒä»Šå¹´1å¹´é–“ã§æ‹…å½“ã—ãŸã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£è©¦é¨“å…¨ä½“ã«ãŠã„ã¦ã€ã€Œã“ã®
donnie28064212 2024/12/01
accessibility

advent
ãƒªãƒ³ã‚¯
Old alt text advice â€“ HTML Accessibility
donnie28064212 2024/11/24
accessibility

alt
ãƒªãƒ³ã‚¯
Alt Text: What to Write
Summary: Images are decorative, functional, or informative. Skip alt text for decorative. Describe the action for functional. Convey the message for informative. Alt text, or alternative text, is a brief description added to images on a website, enabling screen readers to convey visual content to individuals with visual impai rments. Well-crafted alt text is essential for ensuring web accessibility
donnie28064212 2024/11/23
alt

accessibility

writing
ãƒªãƒ³ã‚¯
ã„ã¾æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ / Essential Accessibility in Software Today
JaSST '24 Niigata åŸºèª¿è¬›æ¼”ã§ä½¿ç”¨ã—ãŸè³‡æ–™ã§ã™ã€‚ Google Slidesã§ã‚‚ã”è¦§ã«ãªã‚Œã¾ã™ https://docs.google.com/presentation/d/121lEpDeVx5I_AreRJPFRGdO1Zzm4POXf0k6FDsAgrSE/edit?usp=â€¦
donnie28064212 2024/11/19
accessibility

slide
ãƒªãƒ³ã‚¯
The 2024 Web Almanac
Web Almanac HTTP Archiveâ€™s annual state of the web report Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2024 edition is comprised of 21 chapters spanning aspects of page content, user experience, publishing, and distri
donnie28064212 2024/11/12
statistics

html

css

javascript

performance

accessibility

sustainability
ãƒªãƒ³ã‚¯
WebAIM: 25 Accessibility Tips to Celebrate 25 Years
donnie28064212 2024/11/01
accessibility
ãƒªãƒ³ã‚¯
Providing Accessible Names and Descriptions
How to build accessibility semantics into web patterns and widgets Introduction Providing elements with accessible names, and where appropriate, accessible descriptions, is one of the most important responsibilities authors have when developing accessible web experiences. While doing so is straightforward for most elements, technical mistakes that can completely block users of assistive techno logi
donnie28064212 2024/10/30
accessibility

wai-aria
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å–ã‚Šçµ„ã¾ãªã„ã¨ã€ä¼æ¥ã¯ã©ã‚Œãã‚‰ã„ã€Œæã€ã‚’ã™ã‚‹ï¼Ÿã€€è©¦ç®—ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°
2024å¹´4æœˆã«æ–½è¡Œã•ã‚ŒãŸæ³•æ”¹æ£ã«ã‚ˆã‚Šã€éšœå®³ã‚’æŒã¤æ–¹ã¸ã®ã€Œåˆç†çš„é…æ…®ã€ã®æä¾›ãŒã€æ°‘é–“ä¼æ¥ã«ãŠã„ã¦ã‚‚æ³•çš„ç¾©å‹™ã¨ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åˆ†é‡Žã§ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œã®æ©Ÿé‹ãŒã¾ã™ã¾ã™é«˜ã¾ã£ã¦ã„ã¾ã™ã€‚ ã“ã®æ‰‹ã®è©±ã«ãªã‚‹ã¨ã€ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å–ã‚Šçµ„ã‚€ã«ã¯ã€ã©ã‚Œãã‚‰ã„ã®ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹ã‚“ã§ã—ã‚‡ã†ï¼Ÿã€ã¨ã„ã†è³ªå•ã‚’ã‚ˆãã„ãŸã ãã¾ã™ã€‚å®Ÿéš›ã«æŒ™ã’ã¦ã¿ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®çŸ¥è˜ç¿’å¾—ã«è²»ã‚„ã™æ™‚é–“ å°‚é–€å®¶ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£è¨ºæ–ã‚’ä¾é ¼ã™ã‚‹è²»ç”¨ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å¯¾å¿œã™ã‚‹ãŸã‚ã€Webã‚µã‚¤ãƒˆã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’æ”¹ä¿®ã™ã‚‹è²»ç”¨ ã“ã†ã‚„ã£ã¦å…·ä½“çš„ãªé …ç›®ã‚’è¦‹ã‚‹ã¨ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾ç–ã«å–ã‚Šçµ„ã‚€ã“ã¨ã‚’èºŠèº‡ã™ã‚‹æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€é€†ã«ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å–ã‚Šçµ„ã¾ãªã„ã‚³ã‚¹ãƒˆã€ã‚’è€ƒãˆãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å–ã‚Šçµ„ã¾ãªã„ã“ã¨ã§ã€æ½œåœ¨çš„ãªå¸‚å ´æ©Ÿä¼šã‚’é€ƒã—ã€é¡§å®¢æº€è¶³åº¦ã‚’ä½Žä¸‹ã•ã›ã‚‹ãƒª
donnie28064212 2024/10/29
accessibility
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¸ã®å–ã‚Šçµ„ã¿ã§å•ã‚ã‚Œã‚‹ã¹ãã¯ã€Œæˆç†Ÿåº¦ã€ | ã‚³ãƒ©ãƒ | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
2024å¹´10æœˆ25æ—¥ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¸ã®å–ã‚Šçµ„ã¿ã§å•ã‚ã‚Œã‚‹ã¹ãã¯ã€Œæˆç†Ÿåº¦ã€ ã‚¨ã‚°ã‚¼ã‚¯ãƒ†ã‚£ãƒ–ãƒ»ãƒ•ã‚§ãƒãƒ¼ æœ¨é” ä¸€ä» ä»Šå¹´4æœˆ1æ—¥ã®æ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•ã®æ–½è¡Œã‹ã‚‰ã€åŠå¹´ãŒçµŒã¡ã¾ã—ãŸã€‚æ”¹æ£ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ã‚»ãƒŸãƒŠãƒ¼ã€Œæ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•ã¨Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã§è§£èª¬ã—ã¾ã—ãŸã‚ˆã†ã«ã€éšœå®³è€…ã¸ã®åˆç†çš„é…æ…®ã®æä¾›ãŒäº‹æ¥è€…ã«å¯¾ã—ã¦ç¾©å‹™åŒ–ã•ã‚ŒãŸã“ã¨ã§ã™ã€‚ åŒã‚»ãƒŸãƒŠãƒ¼ã«ã¤ã„ã¦ã¯éŒ²ç”»ã‚’å…¬é–‹ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€æ”¹æ£æ³•ã¨Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é–¢ä¿‚ã«ã¤ã„ã¦è©³ã—ããªã„æ–¹ã¯ã€ãœã²ãã®éŒ²ç”»ã‚’ã”è¦§ãã ã•ã„ï¼ˆè³ªç–‘å¿œç”ã‚’é™¤ã„ãŸ40åˆ†ã»ã©ã®å‹•ç”»ã§ã™ï¼‰ã€‚ ã“ã®åŠå¹´ã®ã‚ã„ã ã€Webã‚µã‚¤ãƒˆã«é–¢ã—éšœå®³è€…ã‹ã‚‰åˆç†çš„é…æ…®ï¼ˆåˆç†çš„èª¿æ•´ï¼‰ã‚’æ±‚ã‚ã‚‹å£°ãŒäº‹æ¥è€…ã«å¯„ã›ã‚‰ã‚ŒãŸäº‹ä¾‹ã‚’ã€ç§ã¯èžã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ ãã®æ£ç¢ºãªç†ç”±ã¯ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã„ã¾ã éšœå®³è€…ã®ã‚ã„ã ã§æ”¹æ£æ³•ã®èªçŸ¥ãŒé€²ã‚“ã§ã„ãªã„äº‹å®Ÿã¯ã€ä¸€å› ã«æŒ™ã’ã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ï¼ˆæ”¹æ£éšœå®³è€…å·®åˆ¥è§£æ¶ˆæ³•
donnie28064212 2024/10/25
accessibility
ãƒªãƒ³ã‚¯
Keyboard focusable scrollers Â |Â Blog Â |Â Chrome for Developers
donnie28064212 2024/10/23
scroll

html

accessibility
ãƒªãƒ³ã‚¯
LukeW | Smashing Conf: How to Use AI to Build Accessible Products
Smashing Conf: How to Use AI to Build Accessible Products by Luke Wroblewski October 8, 2024 In her How to Use AI to Build Accessible Products presentation at Smashing Conf New York, Carie Fisher discussed using AI coding tools to test and suggest fixes for accessibility issues in Web pages. Here's my notes on her talk. AI is everywhere. You can use it to write content, code, create images, and mo
donnie28064212 2024/10/15
ai

accessibility
ãƒªãƒ³ã‚¯
Choosing Accessible Fonts: Enhancing Readability and Inclusivity â€¢ DigitalA11Y
donnie28064212 2024/10/15
accessibility
ãƒªãƒ³ã‚¯
Orange You Accessible? A Mini Case Study on Color Ratio | Bounteous
Orange You Accessible? A Mini Case Study on Color Ratio I recently completed work for a client who used orange heavily in their branding: it was in their print ads, brochures, posters, and signage, and they wanted to incorporate it on their website. This led to a comparison of orange buttons. Can you guess which button is more accessible? If you guessed the left button, congrats! You are an access
donnie28064212 2024/10/01
color

accessibility
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

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

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

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

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

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

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

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