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

okyawa id:okyawa

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

${{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ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† â€“ TAKLOG
å°‘ã—ã®è¨˜è¿°ãƒ»å·¥å¤«ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹HTML/CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç‹¬æ–ã¨åè¦‹ã§é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚æœ€è¿‘ã‚¯ãƒãƒ¼ã‚ºãƒ‰ãªå ´æ‰€ã§ç™»å£‡ã‚’è¡Œã£ãŸã®ã§ã™ãŒã€ãã¡ã‚‰ã§è©±ã—ãŸå†…å®¹ã‚’çºã‚ãŸã‚‚ã®ã«ã„ãã¤ã‹å†…å®¹ã‚’è¿½åŠ ã—ãŸã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ åŽŸå‰‡çš„ã«ã“ã®ãƒ–ãƒã‚°ã§å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹æ‰‹æ³•ã ã£ãŸã‚ŠéŽåŽ»ã®è¨˜äº‹ã§è§¦ã‚ŒãŸæ‰‹æ³•ã‚’ç´¹ä»‹ã—ãŸã‚‚ã®ã§ã™ã€‚ buttonè¦ç´ ã«ã¯ touch-action:manipulation ã‚’æŒ‡å®šã™ã‚‹iOSé™å®šã®è©±ã§ã¯ã‚ã‚Šã¾ã™ãŒã€buttonè¦ç´ ã‚’ã¤ã„é€£ç¶šã§ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ç”»é¢ãŒæ‹¡å¤§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„éžå¸¸ã«ç…©ã‚ã—ã„ã§ã™ã€‚ ãƒã‚¹ãƒˆã‚’åˆ¥æž ã§è¡¨ç¤ºã™ã‚‹ãã®ãŸã‚ã€ãƒ‘ãƒ³ãŠã‚ˆã³ã‚ºãƒ¼ãƒ ã®ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¯æœ‰åŠ¹ã«ã—ã¤ã¤ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—æ™‚ã®ã‚ºãƒ¼ãƒ ãªã©ã®æ¨™æº–å¤–ã®è¿½åŠ çš„ãªã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚’ç„¡åŠ¹ã«ã™ã‚‹touch-action:manipulationã‚’æŒ‡å®šã—ã¦èª¤ä½œå‹•ã‚’é˜²æ¢ã—ã¦ãŠãã¨è‰¯ã„ã§ã—ã‚‡ã†ã€‚
okyawa 2024/09/17
css

accessibility

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

button

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®æ“ä½œã«ã¯Tabä»¥å¤–ã®ã‚ãƒ¼ã‚‚å¿…è¦ã§ã™ - Qiita
macOSã®Safariã§ã¯ã€ãƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ã«Tabã‚ãƒ¼ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ç§»å‹•ã§ããªã„ã®ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã«ãªã£ã¦ã„ã‚‹ Safariã§ã¯ã€ã€Œè¨å®šã€ç”»é¢ã®ã€Œè©³ç´°ã€ãƒ‘ãƒãƒ«å†…ã«ã‚ã‚‹ã€ŒTabã‚ãƒ¼ã‚’æŠ¼ã—ãŸã¨ãã«Webãƒšãƒ¼ã‚¸ä¸Šã®å„é …ç›®ã‚’å¼·èª¿è¡¨ç¤ºã€ã®ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã¦ã„ãªã„ã¨ã€Tabã‚ãƒ¼ã‚’æŠ¼ã—ãŸã¨ãã«ãƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒç§»å‹•ã—ã¾ã›ã‚“ï¼ˆOptionã‚ãƒ¼ã‚’æŠ¼ã—ãªãŒã‚‰Tabã‚ãƒ¼ã‚’æŠ¼ã™ã¨ç§»å‹•ã§ãã¾ã™ï¼‰ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãƒã‚§ãƒƒã‚¯ãŒå…¥ã£ã¦ã„ãªã„çŠ¶æ…‹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€macOSç‰ˆFirefoxã§ã¯ã€ã€Œè¨å®šï¼ˆabout:preferencesï¼‰ã€å†…ã®ã€Œã‚¿ãƒ–ã‚ãƒ¼ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŠã‚ˆã³ãƒªãƒ³ã‚¯é–“ã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ç§»å‹•ã™ã‚‹ã€ã«ãƒã‚§ãƒƒã‚¯ãŒå…¥ã£ã¦ãªã„ã¨ã€Safariã¨åŒã˜ããƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ã«ã¯Tabã‚ãƒ¼ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒç§»å‹•ã—ãªã„ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯Safariã®æŒ™å‹•ã«ã‚ã‚ã›ã¦è¿½åŠ ã•ã‚ŒãŸã‚ˆã†ã§ã€ã‚„ã¯ã‚Šãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãƒã‚§ãƒƒã‚¯
okyawa 2024/08/27
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

accessibility

ui

ã‚¿ãƒ–

tab

tabindex

html

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰

button
ãƒªãƒ³ã‚¯
dialogè¦ç´ ã‚’ä½¿ç”¨ã—ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å®Ÿè£…ä¾‹ â€“ TAKLOG
dialogè¦ç´ ã‚’ä½¿ç”¨ã—ãŸã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å®Ÿè£…ãƒ¡ãƒ¢ã§ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã®ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹å®Ÿè£…ã¨åŒã˜ã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ dialogè¦ç´ ã¯ç¾åœ¨å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€iOS Safariã‚’ã©ã“ã¾ã§å¯¾å¿œã™ã‚‹ã‹ã«ä¾ã‚Šã¾ã™ãŒå®Ÿå‹™ã§ä½¿ç”¨ã—ã¦ã‚‚å·®ã—æ”¯ãˆãªã„ã§ã—ã‚‡ã†ã€‚
okyawa 2024/08/06
dialog

css

js

JavaScript

accessibility

javascript

ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦

ãƒ€ã‚¤ã‚¢ãƒã‚°
ãƒªãƒ³ã‚¯
React 19 ã§å¤‰ã‚ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‘¨ã‚Šã®æŠ€è¡“ - SmartHR Tech Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£æœ¬éƒ¨ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äº”ååµã§ã™ã€‚SmartHRã§ã¯ä¸»ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ã‚¿ãƒ¼ãŒè¦‹ã¤ã‘ãŸèª²é¡Œã‚’æŠ€è¡“çš„ãªè¦³ç‚¹ã‹ã‚‰æ”¹å–„ã—ãŸã‚Šã€æ ¹æœ¬çš„ãªå•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã¥ãã‚Šã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€Meta ãŒé–‹ç™ºã™ã‚‹ UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦é•·ã„é–“äººæ°—ã‚’åšã—ã¦ã„ã‚‹ React ã§ã™ãŒã€2024å¹´4æœˆã«æœ€æ–°ç‰ˆã§ã‚ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 19 ã®RCç‰ˆãŒå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 19 ã§ã¯ "use client" ã‚„ "use server" ã§ã‚‚çŸ¥ã‚‰ã‚Œã‚‹ Server Components ã‚’å«ã‚€æ§˜ã€…ãªæ©Ÿèƒ½ãŒå«ã¾ã‚Œã‚‹äºˆå®šã§ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ã€ãã‚“ãª React ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 19 ã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰ã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã—ã€ç‰¹ã«ä¾¿åˆ©ã«ãªã‚Šãã†ãªç‚¹ã‚„ã€æ³¨æ„ãŒå¿…è¦ã«ãªã‚Šãã†ãªç‚¹ãªã©ã‚’è¦‹ã¦ã„ãã¾ã™ã€‚ forwardRef ãŒä¸è¦ã«ãªã£ãŸ ä»®æƒ³ DOM
okyawa 2024/06/27
react

React 19

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

ãƒ•ã‚©ãƒ¼ãƒ

ServerComponents

ServerActions

accessibility
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãŸã‚ã®å®Ÿè·µã€Œãƒ†ã‚¹ãƒˆã€æ‰‹æ³• CodeZine Night #1
CodeZineç·¨é›†éƒ¨ä¸»å‚¬ã®ã‚¦ã‚§ãƒ“ãƒŠãƒ¼ã€ŒCodeZine Nightã€ã®ç¬¬ä¸€å›žç™ºè¡¨è³‡æ–™ https://codezine.connpass.com/event/279012
okyawa 2023/05/12
ãƒ†ã‚¹ãƒˆ

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

é–‹ç™º

slide

accessibility

frontend

test

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
Popover API - JavaScriptä¸è¦ã€HTMLã®ã¿ã§ãƒãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼UI
HTML Standardã«popoverå±žæ€§ã‚’ã¯ã˜ã‚ã¨ã—ãŸPopover APIãŒæ£å¼ã«ãƒžãƒ¼ã‚¸ã•ã‚Œã¾ã—ãŸã€‚Open UIã«ã‚ˆã£ã¦ææ¡ˆã•ã‚Œã¦ã„ãŸ[1]APIã§ã€åå‰ãŒPopoverãªã®ã‹Popupãªã®ã‹ç´†ä½™æ›²æŠ˜ã®æœ«ã€ã‚„ã£ã¨HTML Standardã¨ãªã‚Šã¾ã™ã€‚ ç¾æ®µéšŽã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯å°‘ãªã„ã§ã™ãŒã€ç°¡æ˜“ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§ä½“é¨“ã—ãªãŒã‚‰èªã‚“ã§ã„ãŸã ãã¨ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚
okyawa 2023/02/21
javascript

ui

api

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

accessibility

programming

web api

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—
ãƒªãƒ³ã‚¯
Building a dialog component Â |Â Articles Â |Â web.dev
In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. Try the demo and view the source! Demonstration of the mega and mini dialogs in their light and dark themes. If you prefer video, here's a YouTube version of this post: Overview The <dialog> element is great for in-page contextual information or action
okyawa 2022/12/08
html

dialog

ãƒ€ã‚¤ã‚¢ãƒã‚°

web.dev

google

tutorial

accessibility

javascript

css

button
ãƒªãƒ³ã‚¯
React ã§ h1-h6 ã‚’æ£ã—ãä½¿ã„åˆ†ã‘ã‚‹
Web ã®åŸºç¤Žã‚’æ”¯ãˆã‚‹ HTML ã®æœ€ã‚‚é‡è¦ãªè¦ç´ ã®ä¸€ã¤ã§ã‚ã‚‹ h1-h6 è¦ç´ ã§ã™ãŒã€ React ã‚’å§‹ã‚ã¨ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç‰¹ã«æ„è˜ã›ãšã«åˆ©ç”¨ã™ã‚‹ã¨ã€SEOã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ä¸Šã®æ„å›³ã›ã¬å•é¡Œã‚’ç”Ÿã‚€ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ React ã‚’ä¾‹ã«å–ã‚Š h1-h6 ã‚’ä½¿ã†ã“ã¨ã§ç”Ÿã˜ã‚‹å•é¡Œã¨ã€ãã®è§£æ±ºç–ã‚’ï¼“ã¤ãšã¤ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å°šã€ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¯ GitHub ãƒªãƒã‚¸ãƒˆãƒªã«å‹•ä½œã™ã‚‹çŠ¶æ…‹ã§å…¬é–‹ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€ä½µã›ã¦ã”å‚ç…§ãã ã•ã„ã€‚ å‰æçŸ¥è˜ èªè€…ã®ã¿ãªã•ã¾ã¯ã€HTMLã®è¦ç´ h1-h6 ã«ã©ã®ã‚ˆã†ãªå½¹å‰²ãŒã‚ã‚‹ã‹èª¬æ˜Žã§ãã¾ã™ã‹ï¼Ÿ å¤§ãã„æ–‡å—ã‚’å‡ºã—ãŸã‹ã£ãŸã‚‰h1ã‚’ä½¿ã£ã¦ã€ãã‚Œã‚ˆã‚Šå°‘ã—å°ã•ã„æ–‡å—ã‚’å‡ºã—ãŸã‹ã£ãŸã‚‰h2ã‚’ä½¿ã†...ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚h1-h6 ã¯ ã€Œè¦‹å‡ºã—è¦ç´ ã€ ã¨å‘¼ã°ã‚Œã€æ–‡ç« ã®è¦‹å‡ºã—ã¨ãªã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã«ç”¨ã„ã‚‰ã‚Œã¦
okyawa 2022/11/02
react

seo

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

accessibility

ã‚¿ã‚¤ãƒˆãƒ«

hã‚¿ã‚°

frontend

react.js
ãƒªãƒ³ã‚¯
kintoneã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£æ”¹å–„ã¨ESLintãƒ«ãƒ¼ãƒ«ã®æ•´å‚™ - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚Poca11yï¼ˆãƒã‚«ãƒªï¼‰ãƒãƒ¼ãƒ ã®SUGI(@blindsoup2p1)ã¨å°æž—(@sukoyakarizumu)ã§ã™ã€‚ ã‚ãŸã—ãŸã¡Poca11yãƒãƒ¼ãƒ ã¯ã€Œkintoneã€ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ´»å‹•ã«å‚åŠ ã—ã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯kintoneã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ãƒãƒ¼ãƒ ä½“åˆ¶ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ã•ã‚‰ã«Poca11yãƒãƒ¼ãƒ ã¨kintoneé–‹ç™ºãƒãƒ¼ãƒ ãŒå”åŠ›ã—ã¦æ•´å‚™ã—ãŸã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’å¼·åŒ–ã™ã‚‹ãŸã‚ã®ESLintãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã‚‚è§£èª¬ã—ã¾ã™ã€‚ Poca11yï¼ˆã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ï¼‰ãƒãƒ¼ãƒ ã¨kintoneã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£æ”¹å–„ Poca11yãƒãƒ¼ãƒ ã¨ã¯ Poca11yãƒãƒ¼ãƒ ã¯ã‚µã‚¤ãƒœã‚¦ã‚ºå…¨ä½“ã®ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€å‘ä¸Šã‚’ç›®çš„ã¨ã—ãŸãƒãƒ¼ãƒ ã§ã™ã€‚Poca11yãƒãƒ¼ãƒ ã§ã¯ä¸»ã«ä»¥ä¸‹3ç¨®é¡žã®æ´»å‹•ã‚’è¡Œãªã£ã¦ã„ã¾ã™ã€‚ ç¤¾å†…å•“ç™ºï¼šã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ç¤¾å†…ç ”ä¿®ãƒ»å‹‰å¼·ä¼šãƒ»ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ä½œæˆãªã©ã‚’è¡Œã„ã¾ã™ã€‚ è£½å“æ”¹å–„ï¼šã‚µ
okyawa 2022/04/27
eslint

a11y

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

JSX

accessibility

kintone

ã‚µã‚¤ãƒœã‚¦ã‚º

cybozu
ãƒªãƒ³ã‚¯
GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.
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
okyawa 2021/11/11
eslint

plugin

JSX

react

github

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

npm

accessibility

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
React Aria
Bring your own styles. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. Learn more <DatePicker> <Label>Date Planted</Label> <Group> <DateInput> {segment => <DateS
okyawa 2021/11/09
react

accessibility

keyboard

ui

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰

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

aria

ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
2021-04-07 prefers-reduced-motionã¨Angular Animations (ng-japan OnAir vol.38)
prefers-reduced-motionã¨ Angular Animations ng-japan OnAir vol.38 @lacolaco
okyawa 2021/04/07
angular

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

animation

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

accessibility

ux
ãƒªãƒ³ã‚¯
prefers-reduced-motion - CSS | MDN
prefers-reduced-motion ã¯ CSS ã®ãƒ¡ãƒ‡ã‚£ã‚¢ç‰¹æ€§ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½™è¨ˆãªå‹•ãã‚’æœ€å°‘åŒ–ã™ã‚‹ã‚ˆã†è¦æ±‚ã—ãŸã“ã¨ã‚’æ¤œå‡ºã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã®è¨å®šã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‰Šé™¤ã€ç¸®å°ã€ã¾ãŸã¯ç½®ãæ›ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æŽ¨å¥¨ã—ã¦ã„ã‚‹ã“ã¨ã‚’ã€ç«¯æœ«ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ä¼ãˆã‚‹ãŸã‚ã«ä½¿ç”¨ã—ã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å‰åºé‹å‹•éšœç¢ã®ã‚ã‚‹äººã«ä¸å¿«æ„Ÿã‚’å¼•ãèµ·ã“ã™å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚å¤§ããªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‹¡å¤§ç¸®å°ã—ãŸã‚Šãƒ‘ãƒ³ãªã©ã—ãŸã‚Šã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å‰åºé‹å‹•ã‚’å¼•ãèµ·ã“ã™å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æ§‹æ–‡ no-preference ã‚·ã‚¹ãƒ†ãƒ ãŒæŠŠæ¡ã—ã¦ã„ã‚‹è¨å®šã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè¡Œã£ã¦ã„ãªã„ã“ã¨ã‚’ç¤ºã—ã¾ã™ã€‚ã“ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®å€¤ã¯ false ã¨è©•ä¾¡ã•ã‚Œã¾ã™ã€‚ reduce ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã€ç«¯æœ«ã§å‹•ãã®ç¸®å°ã«é–¢ã™ã‚‹è¨å®šã‚’æœ‰åŠ¹ã«ã—ã¦ã„ã‚‹ã“ã¨ã‚’ç¤ºã—ã¾ã™ã€‚reduce ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®å€¤ã¯ true ã¨ã—
okyawa 2021/04/07
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

animation

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

accessibility

ux
ãƒªãƒ³ã‚¯
ã‚µãƒžãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œã®è£è©± - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—æ‰€å±žã®å°æž—ã§ã™ã€‚ã‚µã‚¤ãƒœã‚¦ã‚ºã®ã‚µãƒ¼ãƒ“ã‚¹ã‚„è£½å“ã«é–¢ã™ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œã‚’ã—ã¦ã„ã¾ã™ã€‚ å…ˆæ—¥ã€ã‚µã‚¤ãƒœã‚¦ã‚ºã¯ã‚µãƒžãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ ã“ã®ã‚µã‚¤ãƒˆã€å®Ÿã¯Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã€ã•ã¾ã–ã¾ãªé…æ…®ã‚’ã—ãªãŒã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œãªã£ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ãã®åˆ¶ä½œè£è©±ã‚’ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ãªãœã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œï¼Ÿ ã‚µã‚¤ãƒœã‚¦ã‚ºã§ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’ã€Œãƒ¦ãƒ¼ã‚¶ãŒãƒãƒ¼ãƒ ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹èƒ½åŠ›ã€ã¨å®šç¾©ã—ã¦ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®å–ã‚Šçµ„ã¿ã‚’é€²ã‚ã¦ã„ã¾ã™ã€‚ ç†æƒ³çš„ã«ã¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºãŒåˆ¶ä½œã—ã¦ã„ã‚‹ã™ã¹ã¦ã®Webã‚µã‚¤ãƒˆã‚„è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã«ã¤ã„ã¦ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é…æ…®ãŒè¡Œã‚ã‚Œã‚‹ã“ã¨ãŒæœ›ã¾ã—ã„ã§ã™ãŒã€ã„ããªã‚Šè¦æ¨¡ã®å¤§ãã„æ—¢å˜ã®Webã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ã®ã¯å¤§ããªã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹ã‚¹ã‚ãƒ«ã‚‚ã€ä¸€æœä¸€å¤•ã«èº«ã«ã¤ãã‚‚
okyawa 2017/06/07
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

accessibility

ã‚µã‚¤ãƒœã‚¦ã‚º

ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
ãƒªãƒ³ã‚¯
ASCII.jp ï¼ Web Professionalï¼ˆã‚¦ã‚§ãƒ–ãƒ»ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ï¼‰ï½œãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¾ã§ã€Webã‚’ä»•äº‹ã«ã™ã‚‹äººã®æƒ…å ±ã‚µã‚¤ãƒˆ
WebPro KUSANAGI Security EditionãŒé€²åŒ–ï¼ æ–°æ©Ÿèƒ½ã€ŒSafeUpgradeã€ã§ãƒ€ã‚¦ãƒ³ã‚¿ã‚¤ãƒ ã‚¼ãƒã®nginxã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’å®Ÿç¾ KUSANAGI Security EditionãŒæ–°æ©Ÿèƒ½ã€ŒKUSANAGI SafeUpgradeã€ã‚’å°Žå…¥ã—ã€nginxã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’ç„¡åœâ½Œã§å®Ÿæ–½å¯èƒ½ã«ã™ã‚‹ã€‚ 0 0 WebPro é«˜é€ŸCMSåŸºç›¤ã€ŒKUSANAGI Security Editionã€ãŒMicrosoft Azureã«ç™»å ´ï½œè‡ªå‹•ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§å®‰å…¨æ€§ã‚’ç¢ºä¿ ãƒ—ãƒ©ã‚¤ãƒ ãƒ»ã‚¹ãƒˆãƒ©ãƒ†ã‚¸ãƒ¼ãŒã€æ–°ã—ã„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£åŸºç›¤ã€ŒKUSANAGI Security Editionã€ã‚’Microsoft Azureã§æä¾›é–‹å§‹ã€‚ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å‘ä¸Šã¨é‹ç”¨åŠ¹çŽ‡... 0 0 WebPro KUSANAGI 9ã€æ–°ãŸã«Oracle Cloudã«AlmaLinux OS 9ã‚’æŽ¡ç”¨ã—ã€2032å¹´ã¾
okyawa 2017/04/21
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

accessibility

JavaScript
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å¿…è¦ãªã®ã¯ã€Œç†æƒ³ã¸ã®ç¿»è¨³ã€ - FRONTEND CONFERENCE 2016å‚åŠ å ±å‘Š - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€kintoneé–‹ç™ºãƒãƒ¼ãƒ ã®å°æž—ã§ã™ã€‚3æœˆ5æ—¥ã«å¤§é˜ªã§é–‹å‚¬ã•ã‚ŒãŸFRONTEND CONFERENCE 2016ã«ç™»å£‡ã—ã¾ã—ãŸã€‚ç™ºè¡¨å†…å®¹ã¯ã€ç§ãŒWebã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é‡è¦æ€§ã‚’ã‚µã‚¤ãƒœã‚¦ã‚ºç¤¾å†…ã§ä¼ãˆã¦ã„ã£ãŸå–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ã§ã™ã€‚ è³‡æ–™ã¯ã“ã¡ã‚‰ã§ã™ï¼š ã‚ãªãŸã®è¨€è‘‰ã§ä¼ãˆã‚‹Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ from Kobayashi Daisuke www.slideshare.net ç™ºè¡¨ä¸ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’Togetterã«ã¾ã¨ã‚ã¾ã—ãŸï¼š ã€Œã‚ãªãŸã®è¨€è‘‰ã§ä¼ãˆã‚‹Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã¸ã®åå¿œ - Togetter Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®é‡è¦æ€§ãŒç†è§£ã•ã‚Œãªã„ï¼ ã€ŒWebã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ã€éšœãŒã„è€…ãƒ»é«˜é½¢è€…å¯¾å¿œã®ã“ã¨ã ã€ã¨è¨€ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€ã“ã‚Œã¯æ£ã—ã„è§£é‡ˆã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ã€éšœãŒã„è€…ã‚„é«˜é½¢è€…ã‚‚å«ã‚ã¦ã€ã€Œã™ã¹ã¦ã®äººã€ãŒWebã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã“ã¨ã§ã™ã€‚ ä¾‹ãˆã°
okyawa 2016/03/09
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

ã‚µã‚¤ãƒœã‚¦ã‚º

accessibility

å‹‰å¼·ä¼š
ãƒªãƒ³ã‚¯
ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã¨WAI-ARIA | ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹æƒ…å ±ç™ºä¿¡ã‚’è¡Œã£ã¦ã„ã‚‹Web Axeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€About Carousels and ARIA Tabsã§ã¯ã€ãƒšãƒ¼ã‚¸å†…ã§ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ä½¿ç”¨ã™ã‚‹éš›ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰æ³¨æ„ã™ã¹ãäº‹æŸ„ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ è¨˜äº‹ã‚’åŸ·ç†ã—ãŸDennisæ°ã¯ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã¯ãã‚Œã»ã©ã²ã©ã„ã‚‚ã®ã§ã¯ãªã„ã¨ã—ãªãŒã‚‰ã‚‚ã€å½¼ãŒç›®ã«ã—ãŸã‚‚ã®ã«ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒæ…®ã›ãšã«ä½œæˆã•ã‚ŒãŸç‰©ãŒå¤šãã€åŠ ãˆã¦ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§åˆ©ç”¨ã™ã‚‹éš›ã«ã‚‚å•é¡ŒãŒã‚ã‚‹ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®ã†ãˆã§ã€ã©ã†ã—ã¦ã‚‚ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ä½¿ç”¨ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„å ´åˆã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã«æ³¨æ„ã—ãŸã»ã†ãŒè‰¯ã„ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯åˆ©ç”¨è€…ãŒé–‹å§‹ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ åˆ©ç”¨è€…ãŒã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ä¸€æ™‚åœæ¢ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«ã¯ãƒ†ã‚ã‚¹ãƒˆã«ã‚ˆã‚‹ãƒ©ãƒ™ãƒ«ãŒã‚ã‚‹ã“ã¨ã‚’ä¿è¨¼ã™ã‚‹ è¡¨ç¤ºä¸ã®ãƒ‘ãƒãƒ«ã¨ãã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒã€è¦–è¦šçš„ã«ã‚‚æ©Ÿæ¢°
okyawa 2015/02/19
role

WAI-ARIA

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

UI

ã‚¹ãƒ©ã‚¤ãƒ‰

ã‚«ãƒ«ãƒ¼ã‚»ãƒ«

markup

accessibility
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’åŠ é€Ÿã™ã‚‹WAI-ARIA
è«–æ–‡ç´¹ä»‹ï¼šAction Detail Matters: Refining Video Recognition with Local Action Quer...
okyawa 2015/02/03
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

WAI-ARIA

HTML5

slide

role

navigation

accessibility
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®é–‹é–‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ä»Šé€±ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®å®Ÿè£…ã‚’è¡Œã„ã¾ã—ãŸã€‚ãã®ä¸ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã§ã¯ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹é–‰ã™ã‚‹ä»•çµ„ã¿ã®å®Ÿè£…ãŒã‚ã‚Šã¾ã—ãŸã€‚å®Ÿè£…å¾Œã«iOSã®VoiceOverã‚’åˆ©ç”¨ã—ã¦å‹•ä½œã‚’ç¢ºã‹ã‚ãŸã®ã§ã™ãŒã€ä»–ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã¨ä¸Šæ‰‹ãé–‹é–‰ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ãªã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ãŒã„ãã¤ã‹è¦‹ã¤ã‹ã‚Šã¾ã—ãŸã€‚ã©ã®ã‚ˆã†ãªå•é¡ŒãŒè¦‹ã‚‰ã‚ŒãŸã‹ç‰ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä¸Šæ‰‹ãé–‹é–‰ã§ããªã„ãƒœã‚¿ãƒ³ã®ä¾‹ ã„ãšã‚Œã‚‚VoiceOverã‚’ã‚ªãƒ³ã«ã—ã¦æ“ä½œã—ãŸå ´åˆã®å•é¡Œã§ã™ã€‚VoiceOverãŒã‚ªãƒ•ã®å ´åˆã¯ã€å•é¡Œãªãæ“ä½œã§ãã¾ã—ãŸã€‚ ãªãŠã€ä¼šç¤¾åãƒ»ã‚µã‚¤ãƒˆåã‚’ä¸Šã’ã¦ã„ã¾ã™ãŒã€ä¸Šæ‰‹ãå‹•ä½œã—ãªã‹ã£ãŸã“ã¨ã‚’ä¼ãˆãŸã„ã ã‘ã§ã€ä»–æ„ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§å¿µã®ãŸã‚ã€‚ 1. JavaScriptã®ä¸å…·åˆï¼Ÿ â€»è¿½è¨˜ï¼ˆ2014å¹´12æœˆ15æ—¥ï¼‰ï¼šå†åº¦ç¢ºèªã—ãŸã¨ã“ã‚ã€å•é¡Œãªãå‹•ä½œã™ã‚‹ã‚ˆã†ã§ã—ãŸã€‚ å‘³ã®ç´ æ§˜ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã‚ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é–‹é–‰ãƒœã‚¿ãƒ³
okyawa 2014/03/12
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

accessibility

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã€Œçµ‚äº†å‰ã«ã€ãŸã ä¼ãˆã¦ã»ã—ã„ã€â€•â€•å¤šãã®é–‹ç™ºè€…ã«å±Šãã¾ã™ã‚ˆã†ã«ã€‚
ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®é›†ã¾ã‚Šã§1åº¦ã—ã‹å®Ÿéš›ã«ãŠä¼šã„ã—ã¦ã„ã¾ã›ã‚“ãŒã€ãŠé¡˜ã„ãŒã‚ã‚Šã¾ã™ã€‚ å¯Œå£«é€šã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒã€2013å¹´8æœˆ20æ—¥ã§æä¾›çµ‚äº†ã—ã¾ã™ã€‚ã¤ã¾ã‚Šã€ã‚ã¨20æ—¥ã€‚ã“ã®ã‚½ãƒ•ãƒˆã¯è¦–è¦šéšœãŒã„è€…ã‚„è‰²è¦šéšœãŒã„è€…ã®æ–¹ãŒã©ã®ã‚ˆã†ã«è‰²ã‚’è¦‹ã¦ã„ã‚‹ã‹ã‚’ç¢ºèªã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã„ã‚‹äººãªã‚‰ã€ä»Šã¯å¿…è¦ãªãã¦ã‚‚ã€ã„ã¤ã‹å¿…è¦ã«ãªã‚‹ã‚½ãƒ•ãƒˆã§ã™ã€‚ 8æœˆ20æ—¥ã¾ã§ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚Œã°ã€8æœˆ21æ—¥ä»¥é™ã‚‚ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§æ™®é€šã«ä½¿ãˆã‚‹ã®ã§ã€ãªã‚“ã¨ã‹ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç´¹ä»‹ã—ã¦é ‚ãã€æä¾›çµ‚äº†ã™ã‚‹ã¾ã§ã«ã€å°‘ã—ã§ã‚‚å¤šãã®äººã«çŸ¥ã£ã¦ã‚‚ã‚‰ã„ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ç´™åª’ä½“ã ã¨ã€ã¨ã¦ã‚‚é–“ã«åˆã‚ãªã„ã®ã§ã™ãŒã€ãƒãƒƒãƒˆåª’ä½“ãªã‚‰ã€ãªã‚“ã¨ã‹ãªã‚‹ã‹ã‚‚ï¼ã¨æ€ã„ã€ãŠé¡˜ã„ã—ãŸã„ã¨æ€ã„ã¾ã—ãŸã€‚ è¦–è¦šéšœãŒã„è€…ã‚„è‰²è¦šéšœãŒã„è€…ã¨ã„ã†éšœãŒã„ã«èˆˆå‘³ãŒãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å¤–è¦‹ã§ã¯åˆ¤æ–ã§ããªã„éšœãŒã„ãªã®ã§ã€æ°—ä»˜ã„ã¦ã„ãªã„ã ã‘ãªã®ã§ã™ã€‚ ã‚ˆã‹
okyawa 2013/08/19
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

ãƒ„ãƒ¼ãƒ«

accessibility

å¯Œå£«é€š

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