http://blog.e-riverstyle.com/2014/12/svg.html
コンテンツã‹ã‚‰ã¿ã‚‹Webアクセシビリティã®èª²é¡Œã¨æ案 : could
コンテンツã¯æœ¬å½“ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ–ル㋠Webアクセシビリティã¯ã€å¤§ãã分ã‘㦠2 ã¤ã®ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ã€ãŒã‚ã‚Šã¾ã™ã€‚ã²ã¨ã¤ã¯ã€æƒ…å ±ã‚’åˆ†ã‹ã‚Šã‚„ã™ãæ•´ç†ã—ã€ç›®çš„ã®æƒ…å ±ã¸ãŸè¾¿ã‚Šç€ããŸã‚ã® Web アクセシビリティ。ã“ã®è¦ç´ ã¯ã€è‰²ã€å½¢çŠ¶ã€å‹•ãã€ã‚¹ãƒ”ードãªã©ã€UI デザインã®èª²é¡Œã¨é‡ãªã‚‹ã¨ã“ã‚ãŒå¤šã„ã§ã™ã€‚ã‚‚ã†ã²ã¨ã¤ã®è¦ç´ ã¯ã€æƒ…å ±ã®æ§‹æˆã‚„æ–‡ç« ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨ã„ã£ãŸã€Œç·¨é›†ã€ã¨ã‚‚呼ã¹ã‚‹ Web アクセシビリティã§ã™ã€‚ å‰è€…ã®æƒ…å ±æ§‹é€ ã‚„æ“作性ã¯ã€æ˜Žç¢ºãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³åŒ–ãŒã—ã‚„ã™ãã€ãƒã‚§ãƒƒã‚¯ã‚‚ã—ã‚„ã™ã„ã§ã™ãŒã€å¾Œè€…ã®ç·¨é›†ã®éƒ¨åˆ†ã¯ã€ãƒ‘ッã¨è¦‹ã§ã¯åˆ¤æ–ãŒã—ã«ãã„ã ã‘ã§ãªãã€ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã—ã¦å…±æœ‰ã™ã‚‹ã®ã‚‚難ã—ã„ã§ã™ã€‚ Webアクセシビリティã«ã‚ã‚‹ 2 ã¤ã®ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ã€ ã‚‚ã¡ã‚ã‚“ JIS X 8341–3:2010 ã§ã‚‚「利用者ãŒç†è§£ã§ãるコンテンツã€ã‚’制作・ç¶æŒã§ãるよã†ã«ã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã‚ã‚‹ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€æŠ€è¡“ã§è§£æ±ºã§ãã‚‹ã¨ã“ã‚ã«
BBC - Future Media Standards & Guidelines - Mobile Accessibility Guidelines v1.0
Introduction The BBC Mobile Accessibility Standards and Guidelines are a set of technology agnostic best practices for the BBC's mobile web content, hybrid and native applications. Each standard and guideline is listed with example code for implementing in HTML, Android, and iOS and steps for testing. The standards and guidelines are based on the requirements of BBC.co.uk content developed for UK
アクセシビリティã‹ã‚‰å¤‰ã‚るビジュアルデザイン
W3C ãŒå‹§å‘Šã—ã¦ã„るウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 ã®ä¸ã«ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ㮠4 原則ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚JIS X 8341–3 ã‚’ã¯ã˜ã‚ã€å›½å†…外ã§å®šã‚られã¦ã„ã‚‹ Web アクセシビリティã®åœŸå°ã®ã‚ˆã†ãªå˜åœ¨ã§ã™ã€‚ä¹…ã—ã¶ã‚Šã«ã€ã“ã® 4 原則を振り返ã£ã¦ã¿ã¦æ°—付ã„ãŸã®ãŒã€Web デザインã®åŽŸå‰‡ã¨åŒã˜ã§ã¯ãªã„ã‹ã¨ã„ã†ç‚¹ã§ã™ã€‚特ã«ãƒ“ジュアルデザインã§æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ã¨é‡ãªã‚‹ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ アクセシビリティ㮠4 原則ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ï¼ˆç¿»è¨³ã‚µã‚¤ãƒˆã‚ˆã‚ŠæŠœç²‹ï¼‰ã€‚ 知覚å¯èƒ½ æƒ…å ±ãŠã‚ˆã³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ§‹æˆè¦ç´ ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒçŸ¥è¦šã§ãる方法ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ示å¯èƒ½ã§ãªã‘ã‚Œã°ãªã‚‰ãªã„。 æ“作å¯èƒ½ ユーザーインターフェースã®æ§‹æˆè¦ç´ ãŠã‚ˆã³ãƒŠãƒ“ゲーションã¯æ“作å¯èƒ½ã§ãªã‘ã‚Œã°ãªã‚‰ãªã„。 ç†è§£å¯èƒ½ æƒ…å ±ãŠã‚ˆã³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ“作ã¯ç†è§£å¯èƒ½ã§ãªã‘ã‚Œã°ãªã‚‰
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
æƒ…å ±ã‚’é‡è¤‡ã•ã›ãªã„ã‚µã‚¤ãƒˆæ§‹é€ - Trans
強調ã—ãŸã„æƒ…å ±ãŒã‚ã‚‹ã€ã ã‹ã‚‰ç¹°ã‚Šè¿”ã—ãŸã„ï¼ã§ã‚‚ã€ãã‚Œã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティ・アクセシビリティã¯é«˜ããªã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã™ã€‚ æŸè¦–覚障害者ã®MLã«ã¦ 普段ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä½¿ã„方や近æ³å ±å‘Šã®ã‚ˆã†ãªMLãªã®ã§ã™ãŒã€ãŸã¾ã«åƒ•ãŸã¡ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆåˆ¶ä½œè€…ã«ã¨ã£ã¦ã¯èˆˆå‘³æ·±ã„投稿ãŒã•ã‚Œã¾ã™ã€‚例ãˆã°ã€è¦–覚障害者ã‹ã‚‰ã®ã“ã‚“ãªå†…容ã§ã—ãŸã€‚ 「JRæ±æ—¥æœ¬ã®ãƒ¡ãƒ¼ãƒ«ã§ã®ãŠå•ã„åˆã‚ã›ãŒä½¿ã„ã«ããã¦ä»•æ–¹ãŒãªã„ã€ã¨ã„ã†å†…容。ã¨ã„ã†ã‚ã‘ã§è¦—ã„ã¦ã¿ã¾ã—ãŸã€‚ æƒ…å ±é‡ãŒå¤šã™ãŽã‚‹ï¼ ã¾ãšã€æŒ‡æ‘˜ã®ã‚ã£ãŸãã®å•é¡Œã®ãƒšãƒ¼ã‚¸ã¯ã€JRæ±æ—¥æœ¬ï¼šã”æ„見・ã”è¦æœ›ã®å—付ã§ã™ã€‚当ブãƒã‚°ã‹ã‚‰ã§ã¯åˆ†ã‹ã‚Šã«ãã„ã®ã§ã™ãŒã€å®Ÿã¯æ‰‹å‰ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒãƒƒãƒ—アップウィンドウã§é–‹ãã¾ã™ã€‚ã¾ãŸã€ãŠå•ã„åˆã‚ã›ã™ã‚‹ã ã‘ãªã®ã«ãªãœã“ã‚“ãªã«ã‚‚å€‹äººæƒ…å ±ã‚’å…¥åŠ›ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‹ã€ã¨ã„ã†ç–‘å•ã‚‚沸ã„ã¦ãã¾ã™ã€‚ ã§ã¯ã€ã“ã®ãƒãƒƒãƒ—アップウィンドウを開ã手å‰ã®ãƒšãƒ¼ã‚¸ã¯ã©ã“ãªã®ã‹ã€‚ãã‚ŒãŒJRæ±æ—¥æœ¬ï¼š
第2回　世ã®ãŸã‚人ã®ãŸã‚ã ã‘ã§ã¯é•·ç¶šãã—ãªã„：ITpro
ä¼æ¥ã‚„官公åºãŒWebサイト上ã§æ§˜ã€…ãªæƒ…å ±ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã«ã¤ã‚Œï¼Œã€Œæ§˜ã€…ãªäººãŒWebサイトã«ã‚¢ã‚¯ã‚»ã‚¹å¯èƒ½ã‹ã©ã†ã‹ï¼ŒWebサイトã‹ã‚‰æƒ…å ±ã‚’å…¥æ‰‹ã§ãã‚‹ã©ã†ã‹ã€ã¨ã„ã†ã€ŒWebアクセシビリティã€ãŒï¼Œéžå¸¸ã«é‡è¦ãªèª²é¡Œã«ãªã£ã¦ã„る。利用者ãŒã“ã†ã—ãŸæƒ…å ±ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’å…¥æ‰‹ã§ãã‚‹ã‹ã©ã†ã‹ãŒã€Œç”Ÿæ´»ã®è³ªï¼ˆQuality of Life：QOL）ã€ã‚’å·¦å³ã™ã‚‹ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã‹ã‚‰ã 。 Webアクセシビリティ・ガイドラインã®ã€ŒJIS X8341-3ã€ç–定ã®ä¸å¿ƒçš„人物ã§ã‚ã‚‹æ±äº¬å¥³å大å¦ã®ç¾ä»£æ–‡åŒ–å¦éƒ¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å¦ç§‘教授ã§ã‚る渡辺隆行æ°ã¨ï¼Œã‚¤ãƒ³ãƒ•ã‚©ã‚¢ã‚¯ã‚·ã‚¢ä»£è¡¨å–ç· å½¹ã®æ¤æœ¨çœŸæ°ã®2人ãŒï¼Œã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç–定ã¾ã§ã®é“ã®ã‚Šã¨æœ€æ–°ã®äº‹æƒ…，アクセシブルãªã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚モを語る。（èžã手ï¼çŸ¢é‡Žã‚Šã‚“ï¼ãƒ©ã‚¤ã‚¿ãƒ¼ï¼‰ ―― ビジãƒã‚¹çš„ãªç†è«–ã§ã¯ä¼æ¥ãŒæä¾›ã™ã‚‹ã‚µãƒ¼ãƒ“スãªã‚Šå•†æãªã‚Šã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«éšœå®³è€…ã¯å«ã¾ã‚Œã¦ã„ãªã„，ã ã‹ã‚‰
delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ - Webtech Walker
Home Archive delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ delè¦ç´ ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„æ–¹ãŒã„ã„ã‹ã‚‚ 2007å¹´11月19æ—¥ category:XHTML/CSS Comment(0) Trackback(0) delè¦ç´ ã¨ã‹insè¦ç´ ã£ã¦éŸ³å£°ãƒ–ラウザã¨ã‹ã§åŒºåˆ¥ã•ã‚Œãšã€æ™®é€šã®ãƒ†ã‚ストã¨ã—ã¦èªã¿ä¸Šã’られるんã§ã™ã‚ˆã。Web標準ã®æ—¥ã€…ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティトラックã®ãƒ¡ãƒ¢ã‚’ã±ã‚‰ã±ã‚‰ã¨è¦‹ã¦ã„ã¦ã€ãã†ã„ãˆã°è¨˜äº‹ã«ã—よã†ã€ã¨æ€ã£ãŸã®ã‚’忘れã¦ã¾ã—ãŸã€‚ 通常ã®delè¦ç´ を使ã£ãŸæ–‡ç« 下記ã®ã‚ˆã†ãªæ–‡ç« ã¯æ§‹é€ çš„ã«å•é¡Œãªã„ã—ã€ä¸€èˆ¬çš„ãªãƒ–ラウザã§ã¯å‰Šé™¤ã•ã‚ŒãŸéƒ¨åˆ†ã¨è¿½åŠ ã•ã‚ŒãŸéƒ¨åˆ†ãŒã‚ã‹ã‚Šã‚„ã™ã表示ã•ã‚Œã‚‹ã®ã§å•é¡Œãªã„ã§ã™ã‚ˆã。 例文 15æ—¥16æ—¥ã¯é›¨ã‚‰ã—ã„ã§ã™ã€‚ <p><del>15æ—¥</del><ins>16æ—¥</ins>ã¯é›¨ã‚‰ã—ã„ã§ã™ã€‚</p> å•é¡Œç‚¹ 上記ã®ä¾‹ã ã¨éŸ³å£°ãƒ–ラウザã§ã€Œ15
リンクテã‚ストã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®å‹•ä½œ - TRANS [hatena]
リンクテã‚ストをスクリーンã‹ã‚‰éš ã—ãŸã„ã¨ãã«ã€ã©ã‚“ãªæ–¹æ³•ãŒæœ€ã‚‚アクセシブルãªã®ã§ã—ょã†ã‹ã€‚ Yahoo! User Interface Blogより ã‚‚ã†3ヶ月ã»ã©å‰ã®ã“ã¨ã§ã™ãŒã€Yahoo! User Interface Blogã§é¢ç™½ã„å–り組ã¿ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚Empty Links and Screen Readersã¨ã„ã†è¨˜äº‹ã§ã™ã€‚ãã®å–り組ã¿ã¨ã¯ã€ãƒªãƒ³ã‚¯ãƒ†ã‚ストをスクリーンã‹ã‚‰éš ã™ãŸã‚ã®æ–¹æ³•ã‚’1ã¤1ã¤æ¤œè¨¼ã—ã€ã©ã®æ–¹æ³•ãŒã‚¢ã‚¯ã‚»ã‚·ãƒ–ルãªã®ã‹ã‚’調査ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ YahooãŒèª¿ã¹ãŸã®ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã§ã™ã€‚ 通常ã®ãƒ†ã‚ストã¨ãã‚Œã«å¯¾ã™ã‚‹ãƒªãƒ³ã‚¯ テã‚ストもtitle属性もãªã„リンク title属性ã¯ã‚ã‚‹ãŒã€ãƒ†ã‚ストãŒãªã„リンク テã‚ストã®ä»£ã‚ã‚Šã«ç©ºç™½ã‚’入れãŸãƒªãƒ³ã‚¯ ã“れらã®ãƒªãƒ³ã‚¯ã«æ¬¡ã®CSSを当ã¦ã¾ã™ã€‚ 特ã«æŒ‡å®šã—ãªã„ offscreen visibility: hidden displ
![リンクテã‚ストã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®å‹•ä½œ - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca97218ef8242074e15cf05e7764859f63dc3901/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523057%2F1460995386)
CAPTCHAをアクセシブルã«ã™ã‚‹ãŸã‚ã®è‰²ã€…ãªå–り組㿠- Trans
自分用メモãªã®ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§å…¬é–‹ã—ã¾ã™ã€‚CAPTCHA（Webサービスã«ç™»éŒ²ã™ã‚‹æ™‚やブãƒã‚°ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã¤ã‘ã‚‹éš›ã«èªè¨¼ã‚’求ã‚ã¦ãã‚‹ã€æ–‡å—ãŒãã«ã‚ƒã£ã¨ã—ãŸç”»åƒï¼‰ã‚’知ã£ã¦ã„る人も多ã„ã¨æ€ã†ã—ã€ãã‚ŒãŒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼åˆ©ç”¨è€…ãªã©ã®ã€ä¸€éƒ¨ã®äººãŸã¡ã«ã¨ã£ã¦ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ上大å•é¡Œã¨ã„ã†ã“ã¨ã‚’知ã£ã¦ã„る人も多ã„ã¨æ€ã„ã¾ã™ã€‚ã˜ã‚ƒã‚ã€ãã‚Œã§ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã¯ç„¡è¦–ã‹ï¼Ÿï¼ã¨ã„ã†ã¨ãã†ã§ã‚‚ãªãã¦ã€ã©ã†ã‚„ら色んãªå–り組ã¿ãŒè¡Œã‚ã‚Œã¦ã„るよã†ã§ã™ã€‚ スクリーンリーダーã®CAPTCHAã®èªã¿ä¸Šã’æ–¹ ã¾ãšã€ãŠã•ã‚‰ã„ã§ã™ã€‚スクリーンリーダーã¯ã©ã†ã„ã†ãµã†ã«CAPTCHAã‚’èªã¿ä¸Šã’ã‚‹ã®ã‹ã€‚英語ã®å‹•ç”»ã§ã™ãŒã€æ¬¡ã®å‹•ç”»ãŒæœ€ã‚‚分ã‹ã‚Šã‚„ã™ã„。 内容ã¯ã¡ã‚‡ã£ã¨é•ã†ã®ã§ã™ãŒã€æµ·å¤–ã®å¤§æ‰‹SNSã§ç™»éŒ²ã®éš›ã«CAPTCHAを使ã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼åˆ©ç”¨è€…ã¯ç™»éŒ²ã§ããªã„ã˜ã‚ƒãªã„ã‹ï¼ã¨ã„ã†ãƒ“デオ。ã§ã‚‚ã€åˆ¥ã«SNSã ã‘
Truwex Online, Web Accessibility Testing Tool: WCAG, Section 508 compliance
Truwex manages website compliance with web accessibility, online privacy, and quality standards. Truwex is a web governance and testing solution, all in one product. Web compliance managers can use Truwex to: Define a uniform website standard. Monitor compliance status and automatically generate reports for upper management. Set action items for website owners and web developers. Web develope
TRANS - alt=""を越ãˆã¦ã€‚
集ä¸çš„ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティやユーザビリティを最近ã«ãªã£ã¦ã‚„ã£ã¨å¦ã³å§‹ã‚ã¾ã—ãŸã€‚JIS X 8341ã‚„WCAG1.0ã‚’èªã¿é€²ã‚ã‚‹ä¸ã§ã€ã‚‚ã£ã¨è‡ªåˆ†è‡ªèº«å‹‰å¼·ã—ãŸã„ã¨æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãã“ã§ã€JISã‚„WCAGã‚’å¦ã¶ä¸ã§ã€è‡ªåˆ†ãŒã‚·ãƒ‹ã‚¢ã‚„障害をæŒã¤äººã¨ã®ç¾å ´ã§ã€ã¾ãŸãã†ã„ã£ãŸç¾å ´ã§åƒã„ã¦ã„る人ãŸã¡ã®æ„見をè¸ã¾ãˆãŸä¸Šã§ã€ç–‘å•ã«æ€ã†ã“ã¨ã‚’列挙ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ã„ãšã‚Œã¯ã€ã“ã†ã„ã†ã“ã¨ã‚’ã¡ã‚ƒã‚“ã¨å®Ÿè£…レベルã§è§£æ±ºã§ãるよã†ã«ãªã‚ŠãŸã„ãªã¨æ€ã„ã‚’è¾¼ã‚ã¦ã€‚ alt=""ã¯ç©ºæ–‡å—ãªã®ã‹ã€åŠè§’スペースãªã®ã‹ã€ãã‚Œã¨ã‚‚全角スペースãªã®ã‹ï¼Ÿ å°‘ã—å‰ã«ã€Œãƒ–ãƒã‚¬ãƒ¼ã®ãŸã‚ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティガイドラインã€ã‚’書ãã¾ã—ãŸã€‚ã“ã®éš›ã«ã€ã¯ã˜ã‚ã¯alt=""ã¨ç©ºæ–‡å—を打ã¤ã¨æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒã€ã‚ˆãよã調ã¹ã¦ã¿ã‚‹ã¨ã€ç©ºæ–‡å—ã ã¨éŸ³å£°ãƒ–ラウザã«ã‚ˆã£ã¦ã¯ã€Œç”»åƒã€ã¨èªã¿ä¸Šã’ã¦ã—ã¾ã†ã“ã¨ãŒã‚るよã†ã§ã™ã€‚ã¾ãŸã€å…¨è§’スペースã®å ´åˆã¯ã€æ—¥æœ¬èªžç’°å¢ƒä»¥å¤–
Dive Into Accessibility
ã“ã®æ–‡æ›¸ã¯2ã¤ã®è³ªå•ã«ç”ãˆã‚‹ãŸã‚ã«æ›¸ã„ã¦ã¿ãŸã‚“ã 。 1コ目ã¯ã€ã€Œãªã‚“ã§ã‚µã‚¤ãƒˆã‚’アクセシブルã«ã—ãŸæ–¹ãŒã„ã„ã®ã‹ã€ã€‚ ã ã‹ã‚‰ã€ã“ã“ã®æƒ…å ±ã¯ã‚µã‚¤ãƒˆã‚’æŒã£ã¦ãªã„人ã«ã¯å‘ã‹ãªã„ã‹ã‚‚。 2コ目ã¯ã€ã€Œã˜ã‚ƒã©ã†ã—ãŸã‚‰ã‚µã‚¤ãƒˆã‚’アクセシブルã«ã§ãã‚‹ã®ã‹ã€ã€‚ 1コ目ã®ç”ãˆãŒç´å¾—ã§ãã‚‹ã‚‚ã®ã˜ã‚ƒãªã‹ã£ãŸã‚‰ã€2コ目ã¯ã©ã†ã§ã‚‚ã„ã„ã£ã¦ã“ã¨ã«ãªã‚‹ã‚ˆã。 ã˜ã‚ƒè¡Œã£ã¦ã¿ã‚ˆã†ã€‚ Dive Into Accessibility（英語版）をダウンãƒãƒ¼ãƒ‰ã™ã‚‹ HTML（英語版）をダウンãƒãƒ¼ãƒ‰ PDF（英語版）をダウンãƒãƒ¼ãƒ‰ Dive Into Accessibilityã‚’èªã‚€ 目次 掲載ã•ã‚ŒãŸé †åºã®ã¾ã¾ã«ãªã‚‰ã¹ã¦ã‚ã‚‹ã€ã™ã¹ã¦ã®æƒ…å ±ã¯ã“ã¡ã‚‰ã€‚ã¯ã˜ã‚ã¦ã‚³ã‚³ ã®æ–‡ã‚’èªã‚€ã¨ãã«ãŠã™ã™ã‚ã®èªã¿æ–¹ã€‚ 人ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã‚“ãªäººã«å½¹ç«‹ã¤ã‹ã«ã‚ˆã£ã¦ã€æƒ…å ±ãŒåˆ†ã‘られã¦ã„ã¾ã™ã€‚ éšœç¢ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã†ã„ã£ãŸéšœç¢ãŒã‚ã‚‹ã¨ãã«å½¹ç«‹
ヤコブ・ニールセンã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸWebユーザビリティガイドライン::ホームページ制作::NPO法人ã—ゃらã
ヤコブ・ニールセンã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドライン ユーザビリティã®ã‚°ãƒ«ã€ãƒ¤ã‚³ãƒ–・ニールセンæ°ã®è€ƒãˆã‚„調査を元ã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインを作りã¾ã—ãŸã€‚ デザインやコーディングをã—ã¦ã„ã‚‹éš›ã«ã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å…ƒã«è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’一度ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã‚‹ã®ã‚‚よã„ã‹ã¨æ€ã„ã¾ã™ã€‚ TRANS - ヤコブ・ニールセンæ°ã®è€ƒãˆã‚’å…ƒã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインを作ã£ãŸã€‚
写真ã§é…ã›ã‚‹å•†å“紹介 (ユーザビリティ実践メモ)
ECサイトã§æ‰±ã†å•†å“ã®é…力を効果的ã«è¨´æ±‚ã™ã‚‹ä¸€ã¤ã®æ–¹æ³•ã¨ã—ã¦ã€å•†å“写真を「大ããã€ã€Œè¤‡æ•°ã€å‡ºã™ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ 特ã«å†™çœŸãŒé‡è¦ãªå•†å“（家具・アクセサリーãªã©ï¼‰ã§ã¯ã€å†™çœŸãŒå°ã•ã見ã¥ã‚‰ã„ã€è¦‹ãŸã„部分ã®å†™çœŸãŒãªã„ã“ã¨ãŒè³¼å…¥æ„欲を減退ã•ã›ã‚‹å¤§ããªè¦å› ã¨ãªã‚Šã¾ã™ã€‚ 弊社ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã§ã¯ã€å•†å“写真ã¯å¤§ãã„ã»ã©ã€ãã—ã¦æ§˜ã€…ãªè§’度・パターンãŒå¤šã„ã»ã©ãƒ¦ãƒ¼ã‚¶ã¸ã®é…力度ãŒé«˜ã¾ã‚‹ã“ã¨ãŒè¦³å¯Ÿã•ã‚Œã¦ã„ã¾ã™ã€‚ 「写真ã¯ã‚¯ãƒªãƒƒã‚¯ã—ã¦æ‹¡å¤§ã§ãるよã†ã«ãªã£ã¦ã„ã‚Œã°è‰¯ã„ã€ã¨åˆ¤æ–ã—ã€å•†å“紹介ページã§ã¯å°ã•ã表示ã™ã‚‹ã¨ã„ã†é¸æŠžã‚‚誤りã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã—ã‹ã—ã€å°ã•ã™ãŽã‚‹å†™çœŸã¯è¨´æ±‚力ãŒå¼±ãã€ãƒ¦ãƒ¼ã‚¶ã¯ã€Œã‚¯ãƒªãƒƒã‚¯ã—ã¦è©³ã—ã見ãŸã„ã€ã¨ã¾ã§æ€ã‚ãšã«è³¼å…¥ã‚’諦ã‚ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ãŸã‚ã€æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ æ¥½å¤©å¸‚å ´ã§äººæ°—ã®é«˜ã„サイトを見るã¨ã€å†™çœŸã®ä½¿ã„æ–¹ãŒå‚考ã«ãªã‚Šã¾ã™ã€‚ ä¸ã«ã¯ã‚µã‚¤ãƒˆã®é‹å–¶è€…ãŒè‡ªã‚‰æ’®å½±ã—ãŸå•†å“写真もã‚ã‚Šã€å†™çœŸã®ã‚¢ãƒ³
ブãƒã‚¬ãƒ¼ã®ãŸã‚ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティガイドライン - Trans
å”çªã§ã™ãŒã€ãƒ–ãƒã‚°ã‚„Webサイトを更新ã™ã‚‹éš›ã«ã€ã‚ˆã‚Šã‚¢ã‚¯ã‚»ã‚·ãƒ“リティãŒé«˜ã„コンテンツをã©ã†ã™ã‚Œã°æ›¸ãã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ãã†ã„ã£ãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’公開ã—ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚ã€å…ƒã€…ã¯ä»–団体å‘ã‘ã«Webサイトを制作ã—ã¦ã„ã‚‹éš›ã«ã€ã€Œçµæ§‹ã€Webã«ã¯è©³ã—ã„ã€æ–¹ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を書ã„ã¦ã‚‚らã£ã¦ã„ãŸã®ã§ã™ãŒã€æ™‚折「概　　è¦ã€ã¨ã‹ã€ã€Œ2007å¹´1月11日（水）ã€ã¨ã„ã£ãŸè¨˜è¿°ãŒè¦‹ã‚‰ã‚Œã€ã€Œã‚ーã€ã“ã®ã¾ã¾ã§ã„ãã¨ã€æ›´æ–°ä½œæ¥ã‚’今後やã£ã¦ã‚‚らã†ã®ã£ã¦ã™ã”ãä¸å®‰ã ãªã€ã¨æ€ã„ã¾ã—ãŸã€‚ãã“ã§ã€ã©ã†ã™ã‚Œã°éŸ³å£°ãƒ–ラウザãªã©ãŒã†ã¾ã対応ã§ãるよã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を書ã‘ã°ã‚ˆã„ã®ã‹ã‚’ガイドラインã«ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã™ãŒã€ã›ã£ã‹ãã§ã™ã®ã§ã€ã‚¦ã‚§ãƒ–上ã§å…¬é–‹ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å‰æã¨ã—ã¦ã€ アクセシビリティã«è©³ã—ã„æ–¹ã«ã¨ã£ã¦ã¯ã€ã€Œä½•ã‚’今更ã€ã¨ã„ã†å†…容。 デザインやマークアップよりもã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を書ãï¼ã‚¦ã‚§ãƒ–ライティングã«ç‰¹åŒ–ã—ãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€‚ ブãƒ
ページ内リンクã¯ã©ã†å®Ÿè£…ã™ã¹ãã‹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã€‚
ナビゲーションスã‚ップã¯ä¸»ã«éŸ³å£°ãƒ–ラウザå‘ã‘ã«ã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションãªã©ã‚’スã‚ップã™ã‚‹ãŸã‚ã«å®Ÿè£…ã•ã‚Œã‚‹ã‚‚ã®ã ãŒã€å‰ã€…ã‹ã‚‰ãšã£ã¨ãƒŠãƒ“ゲーションスã‚ップをã©ã®ã‚ˆã†ã«æ›¸ã‘ã°æœ€é©ãªã®ã‹ã€ã«ã¤ã„ã¦ã¯ãšã£ã¨ç–‘å•ã«æ€ã£ã¦ããŸã€‚ã¨ã„ã†ã‚ã‘ã§ã€èª¿ã¹ã¦ã¿ãŸã€‚ å‰æ：ã¾ãšã¯æœ€é©ãªHTML（XHTML）を書ãã“ã¨ã€‚ ã“ã‚ŒãŒå¤§å‰æ。音声ブラウザã«ã‚ˆã£ã¦ã¯ã€headingè¦ç´ （h1ã¨ã‹h2ï¼‰ã‚’é †ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‰ã€‚ã¨ã„ã†ã‚ã‘ã§ã€XHTML＋CSSã«ã‚ˆã‚‹Web標準ã§ã®å®Ÿè£…ã¯å¤§å‰æ。ã¨ã„ã†ã‚ˆã‚Šã€ã“れをã—ã£ã‹ã‚Šã¨æ›¸ã„ã¦ãŠã‘ã°ã€ãƒŠãƒ“ゲーションスã‚ップを埋ã‚è¾¼ã¾ãªãã¦ã‚‚ã€éŸ³å£°ãƒ–ラウザã«ã¨ã£ã¦ã¯ãƒ†ãƒ¼ãƒ–ルレイアウトã«æ¯”ã¹ã¦ã€ã‹ãªã‚Šä¾¿åˆ©ã«ãªã‚‹ã‚ˆã†ã 。 æ¤œè¨Žäº‹é …ãã®1：ãã‚‚ãもナビゲーションスã‚ップã¯è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã¹ãã‹å¦ã‹ã€‚ ナビゲーションスã‚ップを見ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã¹ãã‹ã€ã—ãªã„ã¹ãã‹ã«ã¤ã„ã¦ã€ã¾ãšè€ƒãˆã¦ãŠãå¿…è¦ãŒ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://10prs.com/step-up/usability/target.html
アクセシビリティガイドライン > 目次 ： 三井ä½å‹éŠ€è¡Œ
COULD：Webデザインã«é–¢ã™ã‚‹ 15 ã®èª¿æŸ»çµæžœ
{{#tags}}- {{label}}
{{/tags}}