ウェブアクセシビリティ検証ツール「axeã€ã‚’用ã„ãŸè‡ªå‹•ãƒ†ã‚¹ãƒˆå®Ÿè¡Œã‚¹ã‚¯ãƒªãƒ—ト | Accessible & Usable
公開日 : 2021å¹´2月23æ—¥ (2022å¹´7月1æ—¥ æ›´æ–°) カテゴリー : アクセシビリティ Deque Systems, Inc. ãŒé–‹ç™ºã€å…¬é–‹ã—ã¦ã„ã‚‹ã€ã€Œaxeã€ã¨ã„ã†ã‚¦ã‚§ãƒ–アクセシビリティ検証ツールãŒã‚ã‚Šã¾ã™ã€‚Chromeã€Firefoxã€Edge ã®æ‹¡å¼µæ©Ÿèƒ½ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ãŠã‚Šã€å„ブラウザã®é–‹ç™ºè€…ツールã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ウェブアクセシビリティ検証ツール「axeã€(Chrome 拡張機能) ã®è¡¨ç¤ºä¾‹ axe ã¯ã¨ã¦ã‚‚便利ãªãƒ„ールã§ã™ãŒã€ãƒ–ラウザã®æ‹¡å¼µæ©Ÿèƒ½ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹å ´åˆã€1ページãšã¤é–‹ã„ã¦ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティを検証ã™ã‚‹ã€ã¨ã„ã†å½¢ã«ãªã‚Šã¾ã™ã€‚検証対象サイトã®ãƒšãƒ¼ã‚¸æ•°ãŒå¤šã„å ´åˆã€é¢å€’ã«æ„Ÿã˜ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 axe ã§ã¯ã€ã‚³ã‚¢ã‚¨ãƒ³ã‚¸ãƒ³ã€Œaxe-coreã€ã‚‚オープンソースã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã“れを応用ã™ã‚‹ã“ã¨ã§ã€ãƒ–ラウザ自動æ“作ツールを介ã—ã¦ã‚¦ã‚§ãƒ–サイト (複数ã®ã‚¦
49 Browser Extensions to Perform Accessibility Testing • DigitalA11Y
Browser Extensions to Perform Accessibility Testing Effectively The following browser extensions will help evaluate various accessibility testing tasks. This list is continuously updating so please feel free to add more extensions in the comments or notify if any of the extensions are outdated. Chrome ExtensionsDigitalA11Y Color Contrast Checker A Chrome extension that checks different color combi
Polypane, The browser for ambitious web developers
The browser for ambitious web developers.A stand-alone browser with everything you need to build responsive, accessible and performant web sites and web apps. All the tools you need to Build, Debug and Test sitesDevelop and test every aspect of your site without context switching. From responsive design, to accessibility, to meta tags and performance, Polypane has you covered.
Use Speedlify to Continuously Measure Site Performance—zachleat.com
When launching a brand new web site, it’s fairly common to run testing tools to ensure that the site is fast and follows best practices. One popular tool to accomplish these goals is Google’s Lighthouse. It works great and is pretty comprehensive. Here are some of the ways I’ve used Lighthouse to help test my sites: Chrome Developer Tools (this is where people usually start) Bookmarklet (for easy
Puppeteer | Puppeteer
Puppeteer is a JavaScript library which provides a high-level API to control Chrome or Firefox over the DevTools Protocol or WebDriver BiDi. Puppeteer runs in the headless (no visible UI) by default Get started | API | FAQ | Contributing | Troubleshooting​ Installation​ npm i puppeteer # Downloads compatible Chrome during installation. npm i puppeteer-core # Alternatively, install as a library, wi
「å˜ä½“テストã€å†å…¥é–€ï¼Â 開発ã®ç¾å ´ã§ãƒã‚°ã‚’確実ã«æ´—ã„出ã™æœ€é©ãªæ‰‹æ³•ã¨ã€ãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ã®ä½œã‚Šæ–¹ - エンジニアHub｜Webエンジニアã®ã‚ャリアを考ãˆã‚‹ï¼
「å˜ä½“テストã€å†å…¥é–€ï¼Â 開発ã®ç¾å ´ã§ãƒã‚°ã‚’確実ã«æ´—ã„出ã™æœ€é©ãªæ‰‹æ³•ã¨ã€ãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ã®ä½œã‚Šæ–¹ å˜ä½“テストã®å®šç¾©ã‹ã‚‰æ‰‹æ³•ã€æœªæ¥ã®å±•æœ›ã¾ã§ã‚’ã€æ—¥æœ¬ã«ãŠã‘るソフトウェアテストã®ç¬¬ä¸€äººè€…・高橋寿一ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ ソフトウェアã®ãƒ†ã‚¹ãƒˆã«ãŠã„ã¦ã€æœ€åˆã®ãƒ•ã‚§ãƒ¼ã‚ºã§ã‚ã‚‹å˜ä½“テスト。若手Webエンジニアã®ä¸ã«ã¯ã€ã„ããªã‚Šå˜ä½“テストを任ã•ã‚Œã¦æˆ¸æƒ‘ã£ãŸæ–¹ã‚‚ã„ã‚‹ã§ã—ょã†ã€‚仕方ãªãç¾å ´ã§è¸è¥²ã•ã‚Œã¦ã„ã‚‹ã‚„ã‚Šæ–¹ã«å¾“ã£ã¦ã„ã‚‹ã ã‘ã€ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 今回ã¯ã€å˜ä½“テストã®å®šç¾©ã‹ã‚‰æ‰‹æ³•ã€æœªæ¥ã®å±•æœ›ã¾ã§ã‚’ã€æ—¥æœ¬ã«ãŠã‘るソフトウェアテストã®ç¬¬ä¸€äººè€…・高橋寿一ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ å˜ä½“テストã¨ã¯ï¼ˆå„社ã°ã‚‰ã°ã‚‰ãªå˜ä½“テストã®å®šç¾©ã‚’å†å®šç¾©ï¼‰ コードベースã®å˜ä½“テスト 命令網羅（C0ã‚«ãƒãƒ¬ãƒƒã‚¸ï¼‰ 分å²ç¶²ç¾…（C1ã‚«ãƒãƒ¬ãƒƒã‚¸ï¼‰ よãã‚る（コードベースã®ï¼‰å˜ä½“テストã®é–“é•ã„ 機能å˜ä½ã®å˜ä½“テスト 例：複雑ãªã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã®ãƒ†ã‚¹
Getting Started With React Testing Library | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one covering Jest and Enzyme) so aren’t there already enough options to go around? But react-testing-library is not just another testing library. It’s a
2017å¹´JavaScriptã®ãƒ†ã‚¹ãƒˆæ¦‚è«– | POSTD
本稿ã¯ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦æœ€ã‚‚é‡è¦ãªæ ¹æ‹ ã€ç”¨èªžã€ãƒ„ールã€ã‚¢ãƒ—ãƒãƒ¼ãƒãªã©ã®çŸ¥è˜ã‚’身ã«ç€ã‘ã‚‹ã“ã¨ã‚’目的ã¨ã—ãŸç°¡ç•¥ç‰ˆã‚¬ã‚¤ãƒ‰ãƒ–ックã§ã™ã€‚本稿ã§æ¤œè¨Žã™ã‚‹æ•°ã€…ã®å´é¢ã«é–¢ã™ã‚‹æœ€æ–°ã®ç§€é€¸ãªè¨˜äº‹ã‚‚紹介ã—ã¤ã¤ã€ç§ãŸã¡ãŒçµŒé¨“çš„ã«å¾—ãŸã“ã¨ã‚‚多少付ã‘åŠ ãˆãŸã„ã¨æ€ã„ã¾ã™ã€‚ Facebookã«ã‚ˆã‚‹ãƒ†ã‚¹ãƒˆç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚‹Jestã®ãƒã‚´ã‚’ã”覧ãã ã•ã„。 見ã¦ãŠåˆ†ã‹ã‚Šã®ã‚ˆã†ã«ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã€Œè‹¦ç—›ã®ãªã„ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã‚’スãƒãƒ¼ã‚¬ãƒ³ã«æŽ²ã’ã¦ã„ã¾ã™ã€‚ã—ã‹ã—〠“次ã®ã‚ˆã†ã«è¨€ã†äººâ€ ã‚‚ã„ã¾ã™ã€‚ 苦痛ã®ãªã„テストãªã‚“ã¦ã‚ã‚Šå¾—ãªã„。 実際ã€Facebookã¯ã“ã®ã‚¹ãƒãƒ¼ã‚¬ãƒ³ã‚’掲ã’ã‚‹ã ã‘ã®ç´ 晴らã—ã„ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚一般的ã«JSã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘㯠Webサイトã®ãƒ†ã‚¹ãƒˆã«ã‚ã¾ã‚Šæº€è¶³ã—ã¦ã„ã¾ã›ã‚“ 。JSã®ãƒ†ã‚¹ãƒˆã«ã¯åˆ¶é™ãŒã‚ã‚Šã€å®Ÿè£…ãŒé›£ã—ãã€ä½Žé€Ÿã§ã‚る傾å‘ãŒã‚ã‚Šã¾ã™ã€‚ 一方ã€æ£ã—ã„戦略を立ã¦ã¦é©åˆ‡ã«ãƒ„ールを
High-Impact, Minimal-Effort Cross-Browser Testing — Smashing Magazine
Developers are lazy by nature: adhering to the DRY principle, writing scripts to automate things we’d otherwise have to do by hand, making use of third-party libraries. The traditional approach to cross-browser testing doesn’t align well with these ideals. Either you make a half-hearted attempt at manual testing or you expend a lot of effort on doing it “properlyâ€. Once you’ve put in the effort of
4 Usability Testing Tools for Designers on a Budget
Have you ever encountered a website with confusing navigation? Been sent down the wrong path by misleading labels? Or needed your best detective skills to find a particular piece of content? It’s frustrating, isn’t it? What can companies do to ensure that users can find what they are looking for on a website? Usability testing allows you to measure the effectiveness of the site structure and label
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Confrere
Testing Pipeline 101 For Frontend Testing — Smashing Magazine
Free Cross Browser Testing Tool on Cloud - LambdaTest
A developer's perspective: the problem with screen reader testing
ARC Toolkit - Page-Level Testing - TPGi
Develop, Preview, Test
Projects
Writing Tests for React Applications Using Jest and Enzyme | CSS-Tricks
A11y Wars: The Accessibility Interpretation Problem | Deque
Automating Your Feature Testing With Selenium WebDriver — Smashing Magazine
{{#tags}}- {{label}}
{{/tags}}